Ausgabebereich soll LINK werden und beim Hover farbe ändern

[Fin]

Ich habe einen Bereich den ich Ausgabe genannt habe.
Ich würde gerne den ganzen Bereich als Link haben und beim Hover soll er sich auch noch einfärben. Aber ich glaube da ist irgendwo der Wurm drin.

Fin

.ausgabe
{
display:block;
background:#0000CD;
height:200px;
width:200px;
padding:10px;
}

ausgabe a:hover
{
background:#FF0000;
}

<div class="ausgabe">
<a href="URI">
<h3>Titel</h3>
<p>text text text text text text</p>
</a>
</div>