Site not OK in IE6

[micjan]

Hello,

I'm Jan and new to this forum ànd to CSS. It's the first time I'm trying to make a site with CSS separated as much as possible from HTML. It worked rather fine (with some help of my friends) but in IE6 things are going wrong: the div 'content' goes too high and covers the div 'headernav3' for a part.
As a result of that the horizontal navigation bar is almost invisible and links can't be reached in IE6. I think the same happens in other browsers too (the top of the background image is invisible) but there the navigation bar stays on top of the div 'content' with no consequences for the navigation possibilities.
Can someone help me to fix that please?
Many thanks on beforehand of course,

Jan
URL:http://www.argos-environmental.com/test/

[micjan]

Hi, I remade my site from scratch, with no hacks and something unbelievable happened: the horizontal nav bar (which gave me a headeche before)is OK now in IE6 but not in FF ! The opposite world. I used the same code for that nav bar than before. The fifth link (Events) is now on the next line. I checked in FF3 and Safari (Mac), FF3 en IE6 (PC). Can someone tell me what I did wrong? Thanks on beforehand.
The URL is now:http://www.argos-environmental.com/test2/test2.html

[jlhaslip]

#headernav ul { margin: 0 0 0 60px; }

Works in FF3/Linux. Don't have an IE available.

[micjan]

... and works fine in FF3, Safari (Mac) and FF3, IE7 and IE6 (PC). I'll have to use conditionnal comments but that's fine for me. I'm very glad that this could be done with no hacks.
Thanks for the tip!

Jan