Having some trouble with IE6 displaying the top header here: [[LINK href="http://www.thelondonpolice.co.uk/"]][[/LINK]]
Displays correctly in all other browsers but IE6 is adding it all the way over to the right.
The top header looks about the same for me in IE6 (using IETester)... can you take a screen shot to explain what exactly is happening?
You have some transparency issues too (use this to fix: [[LINK href="http://www.twinhelix.com/css/iepngfix/"]]http://www.twinhelix.com/css/iepngfix/[[/LINK]])
BTW, IE6 makes up [[LINK href="http://www.w3schools.com/browsers/browsers_stats.asp"]]less than 10% of the market share[[/LINK]] - it might not be worth developing for it (unless you're required to for some reason).
Konrad, the URL is [[LINK href="http://www.thelondonpolice.co.uk/"]]http://www.thelondonpolice.co.uk/[[/LINK]] (I checked the page source to get it).
Here is few articles about ie6 bugs. I think you'll find the solution there:
Hey man, IE6 is nearly dead. Save yourself the headache and stop supporting it.
I stopped supporting it for the last 2 sites I've built and my life is so much beter because of it ;)
I use this now: http://code.google.com/p/ie6-upgrade-warning/
Here are some simple solutions for IE6:
My favorite and what we use on our sites:
If you need some justfication for why it's time to move on, take at look at these browser usage stats,
IE6 usage is now under 9% and falling monthly, but I suggest you also check the site's stats to see just how many IE6 users are stopping by.
or if all else fails you can always use:
width:200px; /* All browsers */
*width:250px; /* IE */
_width:300px; /* IE6 */
.width:200px; /* IE7 */
While you may not need to support IE6 any longer, its always a good idea to let your work degrade gracefully. I would use relative positioning for IE6 only, because I understand you want that background image to scale with window resize. This means in IE6 that image will be bumped down about the height of the header.
I also cannot duplicate your issue in IE6.
Looks like you have 215px of left margin on a ul class "menu". Is IE6 doubling this? Maybe upload a screenshot of your issue?