Hi, can anyone point me in the right direction as to why the floated images (left and right) for the website I'm working on do not display using the IE6 browser? They display fine in Firefox, Safari, Ie5Mac, Mozilla, Opera, etc! I don't know about IE7 as I can't test that browser.
Any pointers would be appreciated.

I have managed to fix the missing images problem by adding:

/* hide from IE-mac \*/
* html #content {height:1%}
/* end hide */

in the .css file after the content div styles.

However this has now created another problem in how IE6 displays the pages. Namely that there now a vertical space between the left panel and the content panel within the inner div.
Has anyone any ideas how I might fix this?

Looks okay to me. The code's a bit of a mess (specifically a series of unordered lists in your menu where one will suffice) but I don't see any vertical spaces.

I'm not sure what you mean.

First of all, you need to avoid hacks like that as much as possible. You will have to use them to make IE 6 and below behave, but you need to use conditional comments to call an 'iefixes.css' file and put ONLY the hacks you need for IE in that file.

As for IE 7, it's going to choke on that *html hack.

If you want a rundown on the IE bugs, start reading here:
http://www.positioniseverything.net/explorer.html

Thanks for your responses. I've sorted out the unordered lists - thanks for pointing that abberation out. I've provided a link to a screen grab showing what I am seeing in IE6 with the narrow vertical band ringed in red which shouldn't be there. It's offsetting the content with the pale marble background to the right and is showing as just a pale cream band.

Interestingly, when I go to view the website using the http://www.anybrowser.com tool this band doesn't show up when I set the HTML level to either of the HTML 4.0 options!

Is there a website where I can preview how IE7 displays a website?

Thanks again