I'm back again with another related question from a previous post about a week ago. A similar page on the site that I'm creating is not rendering correctly in IE6 even though it's perfectly fine in all modern browsers. I've tried creating a separate ie6 css file and have targeted it with conditional comments however my tweaks haven't helped the layout. The file is at the following URL:
I have used a lot of display: inline css rules in the ie6.css file, which target a possible double margin problem but this hasn't seemed to help. The side menu is still dropping down and the logo is for some reason jumping up toward the top of the layout. I'm using a script (IE8.js) that's supposed to solve png transparency problems in ie6 and below, eg.
<!--[if lte IE 8]>
If I take this script out then the logo jumps down to where it's supposed to be but of course it loses its transparency and the layout goes haywire. The following alternate URL illustrates this:
I've been trying to solve this for the past week but I'm getting nowhere fast. Would anyone be able to help me solve this?
Again, really appreciate any advice on offer.