Hi, I asked a question the other day as I thought firefox had rendered it wrong as it looked right in IE, however, I then found out that it was IE that was wrong. So seeing as they've fixed the problem in IE 7, I need to get it looking right for firefox... If you could take a look here: http://www.10yetis.co.uk/pr/home.html and look to the bottom red bar you can see the left and right have a gap In my css, I think these are the relevant parts: #greybox { text-align:left; background:#999999; border:1px solid #000000; width:670px; height:408px; margin: auto; } #contentpr { float:left; background-image: url(../images/iceberg_pr.gif); width:490px; height:300px; color: #000000; text-align:left; font-family:Tahoma,Helvetica, sans-serif; font-size: 10px; font-weight:normal; text-decoration:none; overflow:auto; padding-top: 0px; } But I'm not sure how to fix it, can anyone help?
Remove the height property from #outside. It is nearly always better to leave the height to its own doings. cheers, gary