Div positionierungsproblem im IE

[Jonathan S.]

div#spacer_left {  
  position:absolute;  
  padding:0px;  
  left:0px;  
  top:0px;  
  width:150px;  
  height:75px;  
  overflow: auto;  
  background-image:url(../pic/sys/25p_black.png);  
}  
div#spacer_right {  
  position:absolute;  
  padding:0px;  
  right:0px;  
  top:0px;  
  width:150px;  
  height:75px;  
  overflow: auto;  
  background-image:url(../pic/sys/25p_black.png);  
}  
div#head {  
  position:absolute;  
  padding:0px;  
  left:150px;  
  right:150px;  
  top:0px;  
  height:75px;  
  overflow: auto;  
  background-image:url(../pic/sys/25p_black.png);  
  border-bottom: solid 2px #333;  
}

    <div id="spacer_left">  
    </div>  
    <div id="spacer_right">  
    </div>  
    <div id="head">  
      Ne Überschrift.  
    </div>

Tagchen ^^

Im Grunde funktioniert es, wie ich es haben will, in allen Browsern.
Das div "head" wird gestreckt, so das es mit dem "spacer_left" und "spacer_right" eine Einheit bildet.

Nur der IE macht da mucken - da ist das Div gerade mal so breit, wie der Inhalt. Gibt es da irgendeinen Trick, das zu lösen? Und lässt sich das dann auch nicht nur nur auf die Breite, sondern auch die Höhe anwenden?

Oder muss ich das ganze ernsthaft über JS ausrechnen und zuweisen?

Freue mich auf Antworten,

Jonathan :)