Internet Explorer 6 and CSS layout problem!

[hhanweii]

Hi there,

I'm new to CSS and i'm having trouble with a website. The site is fine with firefox and later versions of explorer 6, but when using 6 the nav bar jumps down the page, moving everything with it! In other words, the nav bar and page content doesn't start until bottom of page, leaving a huge, annoying gap.

here is a pic:

http://img524.imageshack.us/img524/7467/flyerscssproblemjs2.jpg

The website is: flyerschauffeurservices.co.uk if you want to check it out yourself.

I have no idea how to fix this and it's really bugging me. Obviously i'd like the site to work with most/all browsers, especially explorer 6 as unfortunately, many ppl still use it.

Any help would be appreciated! Thanks

[jscheuer1]

The side bar is too wide in IE 6. This pushes everything after it below it. Try this:


<!--[if IE 6]>
<style type="text/css">
.twoColFixRtHdr #sidebar1 {
width: 194px;
overflow:hidden;
}
</style>
<![endif]-->


It can go right after:


<link href="flyers_styles.css" rel="stylesheet" type="text/css" />

If there is still a problem, try width: 193px;

Then 192px, etc. 194 worked here, but that was without the Flash.

[Johnnymushio]

hmm i using latest ff, and i went to your site, and only the home button turned black on mouse over, the others remained blue.

[hhanweii]

Thanks alot for your help, jscheuer1, that fixed it!

As for the nav bar, i'm fixing that up now too...