CSS/XHTML fix

iCraig · 9 Apr 2006 at 23:02

http://test.metrix.co.uk/contact.php

Gap under menu and image in FF, not in IE.

Tried margin and padding and even a border box hack. No idea what is causing it?

Care to shed some light?

iCraig · 10 Apr 2006 at 12:27

This is driving me crazy, need a CSS mastererer asap!

xiphrex · 10 Apr 2006 at 12:54

Hi there,

I think the problem is basically, you shouldnt set a float on an item that does not have a height. Use the style below for #image (the addition is bold):

#image {
float: left;
clear: none;
margin: 0px;
padding: 0px;
height:220px;
}

Hope that helps.

iCraig · 10 Apr 2006 at 13:05

Thank you, that worked perfectly.