Jag har följande html och css

<code>
<div class="img-shadow" style="float:right;">
<img src="graphic/car.png" alt="test" />
</div>


.img-shadow {
float:right;
background: url(graphic/trans-shadow.png) no-repeat bottom right;
}
.img-shadow img {
display: block;
position: relative;
padding: 5px;
background-color: #fff;
border: 1px solid #cecece;
margin: -6px 6px 6px -6px;
}
</code>

Det visas som det ska men inte float:right i div-taggen och width på img taggen. Då får jag en rullist i hosisontalen på sidan. Vad kan det bero på?

div är ett blockelement och 100% i bredd som standard, bilden du har inuti gör du till ett blockelement och kommer du även den bli 100% i bredd. Ytterligare så har du satt en negativ margin till vänster på bilden på -6px, vilket gör att bredden på det elementet med margin är 100%+6px.

hmm

Hur kan jag lösa detta?

CSS3 :)

img{
-moz-box-shadow: 6px 6px 3px #555;
-webkit-box-shadow: 6px 6px 3px #555;

}