Hey folks not been designing/making websites for a while no hence not being on here I'm back and my skill are rusty so take alook at this and help if possible.

It shows fine in Firefox 3 but I can't get it to work in IE7

http://vagp.eu/index2.html

Link to CSS: http://vagp.eu/css/layout.css

What I have is a main top div going all the way across, then two under that left and right which work fine, then another two left and right under that, which work fine in Firefox but not in IE.

I would like to do the same again (another 2 left and right) under the current set but need to get these correct first.

It works in IE6 and 7 for me

thanks for your reply, this is what im getting in IE

http://www.freeimagehosting.net/imag...057cabb877.jpg

the block in the bottom right should be level with the other lighter grey box to the left

sorry im running IE6! not 7

any ideas?

IE has problems with really tight layouts. Rather than float #bottom2 right, float it left and it will fall into place.

thanks for that ladynred I tried that but the block sits under the #bottom float instead of alongside it.

If you take alook at this http://www.freeimagehosting.net/imag...01f2cd67dd.jpg this is the layout im going for but as you see as I get down to the '3rd layer' of blocks they wont sit correct.

Any other ideas?

Sorry, you also need to get rid of the 5px left padding on #bottom, THEN it will pull up when you set #bottom2 to float: left.