Setting div width in stylesheet vs. inline

IE vs Mozilla div oddness

[CTMiller]

Hello all...

Got something of a silly question. I'm sure it's common, but I'd not come across it yet.

I'm trying to set the width of a div in my style.css:

helpbox {

width=300px;
border:1px solid silver;
background-color: #E9EDF7;
padding: 10px;

}

In IE, the div renders at 300px. In Mozilla, it renders at 100% of the screen width. If I set the div width inline via the style="" attribute, it works, but there are a LOT of help boxes in this app, and the idea of doing this individually fills me with horror. It doesn't seem to be a nesting problem...I can duplicate it in a blank page outside my app.

What am I missing?

My thanks,
Chris

[CTMiller]

Sorry. The above example is missing the .

It should be:

.helpbox {

width=300px;
border:1px solid silver;
background-color: #E9EDF7;
padding: 10px;

}

Sorry for the typo. This is how it looks in my stylesheet.

[benihana]

width=300px;

heres the problem, should be

width:300px;

[dave_f]

Hi Chris,

Try setting width:300px; - you have width=300px;

Dave

[CTMiller]

Oy.

I'm an idiot.

Thank you. *hangs head in shame*

[benihana]

easily done :)