CSS File...FF moves everything Left of IE

The following is my CSS file that I am using as a standard for each of my pages. I have a JS toolbar that exists on the left hand side of each of my pages. For some reason the "content" of my page moves left underneath the toolbar in FF while it looks perfect in IE. Can somebody tell me why this might occur? Thanks.

body {
background-color: #FFFFFF;
}
body,td,th {
color: #000000;
}
a:link {
color: #006699;
text-decoration: none;
}
a:hover {
color: #006699;
text-decoration: none;
}
a:visited {
color: #0066CC;
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style7 {color: #0066FF}
.style23 {
font-size: small;
color: #0066CC;
}
.style26 {color: #006699}
.style31 {
font-size: 75%;
color: #006699;
}
.unnamed1 {
vertical-align: top;
margin: 0px;
padding: 0px;
}
.style32 {font-size: x-small}
#masthead{
margin-right: 10%;
width: 100%;
white-space: nowrap;
}
#content{
float:left;
width: auto;
margin-left: 210px;
padding: 0 0 0 0;
}
#lowbanner{
width: 100%;
text-align:left;
float:left;
margin-left: 0px;
}
/************** .feature styles ***************/
.feature{
padding: 0px 0px 10px 10px;
font-size: 14px;
}

.feature h3{
padding: 30px 0px 5px 0px;
text-align: center;
}

.feature img{
float: left;
padding: 0px 10px 0px 0px;
margin: 0 5px 5px 0;
}
/************* #siteInfo styles ***************/

#siteInfo{
clear: both;
border: 1px solid #cccccc;
font-size: 75%;
color: #cccccc;
padding: 10px 10px 10px 10px;
margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}

Do you have a url for us so we can take a look? Screenshots are also welcome of course

I second the request for screen shots =)

Sounds like the traditional Box Model problem...

Have you looked into the IE Box Model Hack?

I actually figured it out. It had to do with my floats and aligns counteracting each other. Thanks.