Why does a nested div in Mozilla, Firebird, IE all inherit the width correctly (i.e render to the size of the surrounding div) but not opera. Opera seems to want to render to the width of any graphic placed within the div.


Sorry, if I'm not explaining very well.

Need sleep.

Html + Css below:-

<div style="position:absolute; z-index:2; left: 7px; top: 155px; width: 350px; height: 194px;">

; - The div below is the one not inheriting width in opera
<div style="position:absolute; z-index:1;" class="thin">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="5%"><img src="images/arrow2.gif" width="30" height="21" /></td>
<td width="95%" style="background-image:url(images/hbdrop2.gif); background-repeat:repeat-x;"><img src="images/button_ad1.gif" width="251" height="21" /></td>
</tr>
</table>
</div>
<div style="z-index:10" class="boxpic">
<p><img src="images/daisy.jpg" width="348" height="190" /></p>
</div>
</div>


; ----------
; css
;-----------
div.boxholder {
font-size: 1px;

}

.thin {

border: 1px solid #000000;
padding:0px;
}


div.box {
font : normal 10px verdana, "Times New Roman", Times, serif;
text-align:justify;
line-height:12px;
border: 1px solid #909090;
padding-left: 8px;
padding-top: 30px;
padding-right: 8px;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #333333;
background:#f1f1f1;

}

div.boxpic {
border: 1px solid #000000;
padding-top:22px;

}