IE / DIV background-color

Jeremy Collins

Hi all,

Hopefully there's a simple answer to this!

I'm working on this site:

http://www.magus-toolbox.com/

And I want a grey box on the right to show supplemental
information. If you look at the URL in Mozilla or Opera,
this grey box looks fine.

But in IE the background colour and borders are either
missing altogether or only partially drawn.

The box is just a DIV, with this style:

#rightColumnBox {
background-color: #DBDBDB;
border-style: solid;
border-color: #646464;
border-width: 1;
width: auto;
height: auto;
margin: 120px 0 0 0;
min-height: 120px;
padding: 10px 3px 10px 3px;
font-size: x-small;
}

(The full stylesheet is http://www.magus-toolbox.com/css/magus-toolbox.css )

Can someone put me out of my misery?!?

--
jc

Remove the -not from email

Jul 20 '05 #1

Peter Hoyle

Resetting width seems to cure it in IE
I don't know if this will upset anything else!

#rightColumnBox {
background-color: #DBDBDB;
border-style: solid;
border-color: #646464;
border-width: 1;
width: 120px;
height: auto;
margin: 120px 0 0 0;
min-height: 120px;
padding: 10px 3px 10px 3px;
font-size: x-small;
}

Cheers,
Peter

Jul 20 '05 #2

Jeremy Collins

Peter Hoyle wrote:

Resetting width seems to cure it in IE
I don't know if this will upset anything else!

#rightColumnBox {
background-color: #DBDBDB;
border-style: solid;
border-color: #646464;
border-width: 1;
width: 120px;

^^^^^

Yep, that did it! (And Moz and Opera are still happy).

Many thanks, that was driving me mad!

--
jc

Remove the -not from email

Jul 20 '05 #3