[SOLVED] Drop down shadow viewing badly out of place in IE6

[Oak]

Hi,
I have a drop down shadow under my navigation bar that appears out of place when viewing in IE6. IN the CSS I changed margin-top: 26.px; to
margin-top: 25.1px; so that it is viewing ok in both IE7 & Fire Fox, but the shadow is still way out in IE6.

Cheers!

I have broken up the URL so people doing a search for my site don't get taken to this page.

www. capoeira canal .co.uk

[Aso]

Get rid of the shadow div and add this declaration in your CSS

Code: Select all

#nav {
background: url("shadow.gif") repeat-x bottom left;
padding-bottom: 6px;
overflow: auto;
width: 100%;
}

[Jack Franklin]

You can hack CSS so only IE6 sees it.

* html #id {
Only IE6 sees this
}

replace #id with what you need.

(But I recommend aso186's way. No hacks )

[Oak]

aso186,

It even sits better better in IE7 & FF now, I haven't been able to check it out on IE6 But I am sure it has done the trick.

You guys are good! thanks again!

[Oak]

I recently had the site W3C validate and tidied up my site since then I have noticed

two sets of character encodings, which one should I be using please?

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

Thanks

[Aso]

It's down to you, but I use UTF-8. If this sorts things for you then you can mark the thread as 'solved' using the 'thread tools' at the top