HELP!!! CSS Guru needed....Please!

[Shoreham1]

Hi, So I finally plucked up the courage to have a go at revamping my template and all was going really well (or so I thought) and the site looked great.

I read all of the tips and tricks on this forum (and thanks to all who contributed) and my partners really liked the outcome UNTIL I looked at the site in IE6 and Firefox..........things simply didn't look the same as in IE7.

My partners are now not happy and I really need help as quickly as possible.

The URL of my store is http://www.therealdr.com/store/ and the issues are as follows:

• In IE6 the navmain (home, login etc) has disappeared even though the link is there, but in white so you can't see it.
• In IE6 the tagline and taglinewrapper have disappeared
• In IE6, IE7 & FF there is a gap between the leftboxheader and the grey right-hand border
• In IE6,IE7 & FF there is a gap between the header.jpg and the navmain

I've spent the last week trying soooooooo many things to fix these problems and its driving me to insanity.

I've attached my current stylesheet and would REALLY appreciate it if someone could take a look to see if there are any glaring errors.

Many thanks in anticipation.

Pete

[kuroi]

Cleaning up multiple inconsistencies like this doesn't usually have a single, simple answer - especially if the development was done with an eye on one of the IE browsers, rather than a more standards compliant browser.

I'd recommend the first two steps and then see where that gets you to:

1. clean up the validation errors
2. turn your logo image into a background image for header wrapper

[Shoreham1]

Hi Kuroi,
Superb advice, many thanks - I immediately found the problem when validating my stylesheet and its now all fixed......
Keep up the great work!!!