Does float work differently in Firefox than in IE?

Question

I have some small div's that line up correctly in IE, I used
float left. But in Firefox the first line is good, but when they
carry over to the second line the div's float to the right and
don't fill up the line. Can this be fixed?

Answer 1

Here is my CSS and html from my page. On my page I have more
if the "gallery" div's and I just want them to flow on the page.
Any suggestions?
#main {
width:96%;
margin-left:2%;
margin-right:2%;
margin-top:1%;
margin-bottom:1%;
#gallery {
float:left;
margin-left:1%;
margin-right:1%;
text-align:center;
color:#CCC;
<div id="main">
<h6>HEALTH CARE PROJECTS PHOTO GALLERY<br />
Click on the images below to see a larger image.</h6>
<div id="gallery">
Boone County<br />
Health Center<br />
<img src="images/Thumbs/Health_Care/BooneCoMRI_t.jpg"
alt="Boone County MRI" width="100" height="100"
onclick="MM_openBrWindow('images/Thumbs/Health_Care/BooneCoMRI.jpg','','width=500,height= 375')"
/>
</div>
<div id="gallery">
Tri-County Hospital<br />
<img src="images/Thumbs/Health_Care/tri-county_t.jpg"
alt="Tri-County Hospital" width="100" height="100"
onclick="MM_openBrWindow('images/Thumbs/Health_Care/tri-county.jpg','','width=500,height= 375')"
/>
</div>
</div>