CSS positioning compatibility issue

I’m trying to help my friend out with a problem on his website. He had someone else do the site and there is a small problem with the positioning of the left menu with any IE browser version lower than 8. I’m an old fashioned tables guy for the most part, so I don’t know much about CSS compatibility.

The site is http://chiccoffeeevents.com and below is an image of what the site looks like in IE 6 or 7.
http://chiccoffeeevents.com/ie6.png

As you can see, the left menu is positioned over the content section of the page when it should be to the left. The site also looks fine in chrome or firefox.

I’d appreciate any help. Thanks.

Hi,
Without doing a lot of rework to the page a quick fix would be to give IE<8 a position for the AP’d sidebar.

#sidebar{
    position:absolute;
   [COLOR=Blue] left:0;[/COLOR]/*IE needs a position*/
    width:90px;
    text-align:right;
    font-size: 14px;
    font-weight: bold;
    color:#422207;
}

Great! Exactly what I needed. I played with the margins and everything but didn’t think to just specify the left value. Thanks.