Different width in IE than Firefox

Not inline problem...

[Shabutie]

Here's what I have, I tried adding that display: inline; , but alas it's not helping me.
Here's my code for the header of the content area.
It's just a solid blue box that has one word in the middle of it. Very simple, in Firefox it's aligned correctly, but in IE it's longer by about 24 pixels. Why?

div#contentheader {
background-color: #008;
border-top: #000 2px solid;
border-left: #000 2px solid;
border-right: #000 2px solid;
color: #fff;
font-size: 10px;
height: 15px;
margin-left: 30px;
padding-top: 3px;
width: 566px; }

Any help is appreciated!

[4css]

Hi Shabutie
The reason for this is because IE renders the box model different then the other browsers do.

If you look Here [webmasterworld.com] there is a post that explains this for you.

Hope this helps you out.