I hate CSS - CSS Hates me

I have this page:

http://www.shoppingfriends.co.uk/CSSProb/index.htm

You'll see the issue - Open the page in IE and everything is in place.

In FF, the horizontal menu bar and everything below that are too high up.
Ive tried using the Clear: css command but no, it still doesnt work,

Any ideas?

 

Yes, clearly CSS hates you

What's with all the floats?

#standards{
height:100px;
padding-top:10px;
text-align:right;
color:#6B6B6B;
background:#fff;
padding-right:19px;

}



#image{
width:760px;
height:225px;
background:#fff;
postion:relative;



}



#nav{
width:760px;
height:48px;
background-color:#608296;
padding-top: 15px;
font-size: 15px;
font-family: "Century Gothic", Arial, Helvetica, Sans-serif;
letter-spacing: 1px;
text-align:center;
postion:relative;
}

If you want to get the W3 links further from the right, use

margin-left: Xpx;

clear: is only used when you want the element to clear a float.

 

Thanks - I was close!

And i did manage to do a lot more before this bit!
And also managed to fix an issue on another site today - all by myself!!

Just one last thing here:
The 2 horizontal bars - the #nav and the #footer are different sizes between IE and FF.

Cant work out why!

 

Firefox and ie tend to render sizes differently.
It happens a lot with floats and can be a pain.

I haven't played with it, but................


You can place this in the header of your html documents and create a specific stylesheet especially for ie.
Any styles you place in there will overide the styles in your original stylesheet.

<!--[if gte IE 4]>
<link rel="stylesheet" href="css file location" type="text/css" />
<![endif]-->

Hope it helps... Let me know.

 

fixed it - was a padding issue

Thanks again