IE6 users get everything shifted upwards 30-50px

[creativeFuzion]

I cannot, for the life of me, figure this one out.

If you open this in IE6, the navigation is hidden by the main content and I cannot get the CSS to position it correctly.

http://www.fadedelement.com/kirupa/cssProblem.jpg

http://www.fadedelement.com/

The best way to view all of the CSS is using an element viewer, like the one in Google chrome... if anyone is willing to help I can send the CSS files.

Thanks

[simplistik]

don't use absolute positioning

[creativeFuzion]

If I use any other positioning techniques, the hover state and size of the nav links become broken...

[tfg]

use conditional comments to override the top: -15px; in #maincontainer for ie6.

in your html:

<!--[if IE6]>
<style type="text/css">
#maincontainer {
top: 0;
}
</style>
<![endif]-->

[creativeFuzion]

use conditional comments to override the top: -15px; in #maincontainer for ie6.

in your html:

<!--[if IE6]>
<style type="text/css">
#maincontainer {
top: 0;
}
</style>
<![endif]-->

I can't get it to work..... ugh.

Does this look right?

http://www.fadedelement.com/kirupa/cssProblem2.jpg

[simplistik]

If I use any other positioning techniques, the hover state and size of the nav links become broken...

then there must be something else wrong cause that nav and layout is so simple that you shouldn't have to worry about any types of positioning problems.