Background-image problems

Not always the best solution...

by Steven Senkus

HTML

<div id="target"></div>

<img src="http://placehold.it/300x300/ff0000/000000" />

CSS

body {
    text-align: center;
}
#target {
    width: 200px;
    height: 200px;
    margin: 50px auto;
    border: 1px solid #000;
    background-image: url('http://www.placehold.it/300x300/ff0000/000000');
}

img {
    margin: 20px auto;
}