Just need to get site looking right in IE6. Help please.

Question

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? The page does validate.
www.tomkilbourn.com/tomkilbourn/mastheadshtml

Answer 1

That can be a solution. Sometimes it's enough to use only
some specially adjusted styles for IE, f.i. when you need
'min-height' for a div-tag (IE doesn't understand that) you can
place css for 'height' for the same div-tag in the stylesheet for
IE.
You can call a stylesheet for IE like this, in the head
section of your page place this code:
<link href="your-basic-stylesheet.css" rel="stylesheet"
type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css"
href="your-IE-style-sheet.css" />
<![endif]-->