Problem mit div in Verbindung mit a-tag!

[nag (unreg)]

Hallo,

HTML:

<a href="index.html"><div id="test">test</div></a>

CSS:

div#test {
height:100px;
width:100px;
background-image:url(images/jagger.jpg);
border:1px solid black;
}

Welche anderen validen Möglichkeiten habe ich denn, damit ich mein Ziel ganz oben in den ersten beiden Zeilen erreichen kann?

HTML
<a href="#" id="test">test</a>
CSS:
#test {display:block; height:100px; width:100px;}

mfg nag