Såhär ser lösningen ut i alla fall, det var lite krångligare än jag förväntat.
Kod:
<style type="text/css">
<!--
div.remoteBox {
background: url(http://www.bredbandsbolaget.se/wps/themes/html/B2_Black_v3/images/boxes/remote_box.gif) 0 0 repeat-x #efefef;
font-size: 10px;
position: relative;
margin: -9px 0px 9px 0;
right: -9px;
line-height: normal;
}
div.remoteBox div.wrap {
padding: 0 24px 0 0;
background: url(http://www.bredbandsbolaget.se/wps/themes/html/B2_Black_v3/images/boxes/remote_box.gif) 100% 0 repeat-y;
}
div.remoteBox div.bi {
padding: 0 0 0 24px;
background: url(http://www.bredbandsbolaget.se/wps/themes/html/B2_Black_v3/images/boxes/remote_box.gif) 0 0 repeat-y;
}
div.remoteBox div.bt {
height: 24px;
margin: 0 -24px;
padding-right: 26px;
background: none;
}
div.remoteBox div.bt div {
height: 24px;
background: url(http://www.bredbandsbolaget.se/wps/themes/html/B2_Black_v3/images/boxes/remote_box.gif) 0 0 no-repeat;
}
div.remoteBox div.bb {
height: 24px;
margin: 0 -24px;
background: url(http://www.bredbandsbolaget.se/wps/themes/html/B2_Black_v3/images/boxes/remote_box.gif) 100% 100% no-repeat;
}
div.remoteBox div.bb div {
width: 24px;
height: 24px;
background: url(http://www.bredbandsbolaget.se/wps/themes/html/B2_Black_v3/images/boxes/remote_box.gif) 0 100% no-repeat;
}
div.remoteBox div.tableContainer {
width: auto;
}
-->
</style>
<br>
<br>
<!--BOX 1-->
<div class="remoteBox" style="width:400px;">
<div class="wrap">
*<div class="bi">
* <div class="bt"><div></div></div><!-- bt -->
* *<div class="tableContainer">
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * *</div>
* * * * * * <div class="bb"><div></div></div><!-- bb -->
*</div><!-- bi -->
</div><!-- wrap -->
</div><!-- remoteBox --><br>
<!--BOX 2-->
<div class="remoteBox" style="width:300px;">
<div class="wrap">
*<div class="bi">
* <div class="bt"><div></div></div><!-- bt -->
* *<div class="tableContainer">
* * * * * * * * * *EN HELT ANNAN BOX!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * *TEST!<br />
* * * * * * * * * <img src="image/portfolio/tff.jpg"><br>
JAHA<br />
* * * * * * * *</div>
* * * * * * <div class="bb"><div></div></div><!-- bb -->
*</div><!-- bi -->
</div><!-- wrap -->
</div><!-- remoteBox -->
Verkar dock krävas någon fix i IE 6. Ush!
Kanske är enklare att beskära bilden själv trotts allt? :P