IE6 (yes, IE6) css spacing issue

Question

I'm building a page which works fine in all browsers except IE6, where a small space appears below the cart. The background also has a gap in IE6, so I'm wondering what might be causing that, as it's probably related to the main issue.

If anyone could help I would really appreciate it! Many thanks.

Answer 1

Hi add this in your style file

#navigation {
        width:736px;
        height:auto;
        background:url(../images/nav.gif) no-repeat;
        float:left;
    }

Answer 2

Have you tried adding a ie6 only stylesheet? Add this to the head tag and then add the appropriate styles to the css document and they should only apply to ie6.

 <!--[if IE 6]><link rel="stylesheet" type="text/css" href="ie6_xxx.css"><![endif]-->