Skalierung generierter Inhalte in CSS

Question

Wie skaliert man ein in :before oder :after hinzugefügtes Bild in CSS?

Ich habe zum Beispiel eine Seite, die ein Buchcover enthält:

<span class="book">
    <img src="http://ecx.images-amazon.com/images/I/41t7xMPK%2B6L.jpg" />
</span>

Ich möchte CSS verwenden, damit es mehr wie ein Buch aussieht und nicht nur wie ein Einband. Ich kann :before verwenden, um ein zweites Bild hinzuzufügen, aber da alle Bücher unterschiedlich groß sind, muss ich dieses Bild skalieren können, damit es auf das Buchcover passt.

Ich habe versucht

.book:before{
    content:url("/images/book.png");
    position:absolute;
    height:100%;
    width:100%;

}

aber das funktioniert nicht bei der Skalierung des Bildes.