Siento no haberte sido de ayuda, estoy empezando, pero me imagino que estás con IE6, ya que en IE 7 también se ve mal, al igual que Opera.
Así, a bote pronto:
Código HTML:
<div id="arriba2"><img src="img/columna-der-arriba.jpg" width="240" height="10" alt="" /></div>
<div id="columna-der">
Podrías probar con:
Código HTML:
<div class="columna-der">
<div class="arriba2"></div>
</div>
Donde
Código HTML:
.columna-der {
float: left;
background: #CEE1FD url(img/columna-izq.jpg) no-repeat right bottom;
height: 120px;
text-align: center;
width: 240px;
}
.arriba2 {
background: url(img/columna-der-arriba.jpg) no-repeat right top;
width: 240px;
float: right;
height: 20px;
}
Esto se ve bien en IEx, Firefox y Opera, puedes comprobarlo en www_aaservers.org/test/
Saludos,
Floren.