Baggrunde opfører sig ikke ens i FF og IE

Kode 

<link rel="stylesheet" type="text/css" href="grafik/style.css">
<div>	

					<div id='overskriftsbanner'><h2 id='is'>Hello world </h2><div id='postet'><p> </p></div>
					<div id='teksarea'><p>Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello world Hello</p></div>
					<div id='bottom'> </div>	  


</div>

Kode 

#overskriftsbanner{
background-image: url("os.png");
height:90px; width:820px;
background-repeat : no-repeat;
}
#teksarea{
background-image: url("tekst.png");
width:820px;
}
#bottom{
background-image: url("bottom.png");
width:820px;
background-repeat : no-repeat;
}