WTF., image rollovers...>;[] Options

[aesthetic]

I can't get my image rollovers to work :( I've tried countless different ways to do it, here's what I have now.

CODE

a.add {width:53px; height: 57px; display:block;
background-image:url(http://i13.tinypic.com/853zz8x.png);}
a.add:hover {cursor:help;}
a.add:hover img {visibility:hidden;}
</style>

<a class="add" href="##"><img src="http://i14.tinypic.com/8ggbin4.png"></a>

And of course there's an opening style tag.