[thelist] IE stylesheet problems

[Kevin Sedgley]

Hello all,

I'm having issues with IE 6 on windows and a website I'm trying to build at
http://tempwww.topophilia.co.uk/

If you try it in firefox 1.5 XP it works fine (screenshot:
http://x402.putfile.com/5/12305035012.jpg ), alas in IE 6 Win XP, odd things
happen.

The image used for the header background (
http://tempwww.topophilia.co.uk/static/images/head.png) seems to insert
itself whenever I add a <div class="box"> to the <div id="main_content">
(screenshot: http://x402.putfile.com/5/12305075529.jpg ) and the small
square images are hidden underneath the <div class="box">

The CSS for <div class="box" is:

div#main_content div.box {
margin-bottom: 2em;
border: 1px solid #EEEFF1;
padding: 0 0.5em 0.5em 0.5em;
clear: both;
background-color: #FFFFFF;
}

The CSS for <div id="wrapper"> is:

div#wrapper {
background: transparent url("/static/images/head.png") no-repeat top left;
margin: 0;
padding: 0em 2em;
}

The whole CSS can be seen at:
http://tempwww.topophilia.co.uk/styles/topo.css

This has been infuriating me for a while now! Thanks for your help.

I seem to be posting a lot to this list recently... I owe a tip...

<tip type="Online WYSIWYG editor">
For a great free online javascript based HTML editor, try FCK Editor -
http://www.fckeditor.net/

You can extend it quite easily, theres no need for obtrusive code (it
replaces text areas with a IFRAME) and produces correctly formatted XHTML
code.
</tip>

Cheers!

Kev
--
Topophilia Web Services
The TechnoCentre
Coventry University Technology Park
COVENTRY CV1 2TT

phone: 02476 100011
fax: 0871 661 6815
http://topophilia.co.uk