How do I pop up an image in a separate div on the mouseover of a div using only CSS?

<a href="#">Text <img class="popup" src="pic.gif" /></a>

a img.popup { display: none }

a:hover img.popup { display: block }