CSS padding and background image

[dlogic]

please take a look at the following url:

http://www.dimorphism.co.uk/layout.css

the background image behind the nav pushes the top cell down in most browsers apart from I.E6, any ideas how I can rectify this? also do brosers such as opera, netscape and mozilla handle padding differently as the titles e.g breakdown @ 3 city don't position where I want them to, they revert to the left handside covering the submenu.

The Css is available here:

http://www.dimorphism.co.uk/layout.css

Also I now it doesn't work at all in netscape 4 but i never expected it to as netscape navigators full time job is to break style sheets!

Thanks in advance.
darren

[The New Guy]

opera, netscape and mozilla render CSS properly. IE does not. Could you post some sample HTML just so we can see what it looks like?

[DFS]

The first link you provided was to your CSS file not the page itself. I assume you mean to point to your home page at http://www.dimorphism.co.uk/index.htm right?

Right now, looking at it in Opera 7, Netscape 7 and IE 6, they are all rendering the page completely different, with IE6 looking the best.

Looking at the code there, you've got two style sheets linked
<link href="layout.css" rel="stylesheet" type="text/css">
<link href="coverage.css" rel="stylesheet" type="text/css">

Plus you've got css directly in your markup as well. Might be easier to troubleshoot if you consolidate all your CSS into one place?

Probably most importantly, you've got no Doctype specified!! http://htmlhelp.com/tools/validator/doctype.html I'd vifx that before looking at anything else.