Not sure what's off... padding, or something? (cross-browser display difference)

[Recoil]

My first page using CSS, and I'm running into a little problem:

http://recoil42.ath.cx/gamerlogo/



What it looks like, and SHOULD look like, in Firefox 2.0:

http://recoil42.ath.cx/gamerlogo/ff20.jpg

..And in IE6:


http://recoil42.ath.cx/gamerlogo/ie6.jpg


Look on the right... notice the problem with alignment in IE6? In FF, all the divs line up, and go perfectly straight down the page. In IE6... "uh oh... what's this? alignment is all screwed up!"

Can anyone tell me what's going on here? I can't figure it out...

[Icy Penguin]

The only thing I can think of is the double-margin bug in IE.

If you have an element floated left inside another element that's floated left, its margins are double in IE.

You can fix it by removing the second float or setting the second element's display to inline