Problem in iE6

Question

I have used the code below to divide the pages into two halves, 28% and 72%. But the background color set by the wrapper tag should fill 28%; in my case it works fine in IE7.

In IE6, the background color is visible across 100% of the width instead of 28%.

How do I fix this?

My code:

#wrapper{ 
    float:left; 
    width:28%;
    background:#f5f5dc;  
}

<div id="wrapper">
    <ul id="testnav">
        <li>  <a href="#">LOCATIONS</a>
            <ul id="subnav">
                <li id="content_1"><a href="#">Note </a></li>
            </ul>
        </li>
    </ul>
</div>

Answer 1

It works as expected in IE6 (6.0.2600.0000.xpclient.010817-1148) as well.

Is this the only markup in your html?

Answer 2

Works fine with me also (6.0.2900.5512.xpclient.080413.2212)