ho un problema con un'immagine da collocare esattamente all'angolo destro di un box.
probabilmente mi sfugge qualcosa di stupidissimo, perchè mi sembra tutto giusto....
ho questa struttura:
codice:
<div class="box">
<div class="titoloBox">
bbbb
[img]../img/AngoloBox.png[/img]
</div>
<div class="testoBox">
aaaaaaaaaa
</div>
</div>
con questo css:
codice:
.box{
font-size: 70%;
font-weight: bold;
text-align: left;
/*padding-left: 0.5em;
padding-bottom: 0.5em;*/
}
.titoloBox{
color: #FFF;
margin:0;
/*margin-left: -0.5em;*/
background:#ff8520 url(../img/titoloBox.png);
background-repeat: repeat-x;
position: relative;
height: 2.23em;
}
.titoloBox img{
position:absolute;
right:0;
}
.testoBox{
background-color: #ffcc66;
margin-right: 0.4em;
padding-left: 0.5em;
}
non vedo errori o margini.
titoloBox img dovrebbe posizionarsi nell'angolo a destra di titolobox....
invece il simpaticissimo IE mi lascia lo spazio che vedete nell'immagine e lo riempie con lo sfondo arancio, quindi è come se trovasse un carattere o del padding, che però non vedo...
cosa può essere? :master: