I am designing a new site. I have tested it in IE7, FF, Opera and Safari. All looks fine.

In IE6 however I have a problem with my LeftMenu background image not lining up properly with the UL background image. It is like IE6 is not picking up the top margin of 4px from my TopList and the TopList and Rightlist positionings are out in IE6.

To make the LeftMenu background image appear correct in IE6 I have to add top-padding of 4px to my TopList. Doing this, however puts the positioning out in all the other browsers.

I just need to get IE6 to display correctly and then I will be happy! Any ideas anyone?

www.tomkilbourn.com/tomkilbourn/masthead.shtml

CFMaBiSmAd

09-20-2007, 03:45 PM

The 4 markup validation errors may or may not be the cause of your problem, but you should always validate your page to insure the best chance of it appearing correctly, before trying to tweak it to work around any specific browser inconsistencies - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tomkilbourn.com%2Ftomkilbourn%2Ftest2.shtml&charset=%28detect+automatically%29&doctype=Inline&group=0

moss2076

09-20-2007, 04:06 PM

The 4 markup validation errors may or may not be the cause of your problem, but you should always validate your page to insure the best chance of it appearing correctly, before trying to tweak it to work around any specific browser inconsistencies - http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tomkilbourn.com%2Ftomkilbourn%2Ftest2.shtml&charset=%28detect+automatically%29&doctype=Inline&group=0

Hi thanks for that, I have made the page validate, but it has not solved the IE6 issue. I have tried loads of things but nothing works. Please can someone help?