IE/Firefox hover problem

[dbeatle123]

So I have a page with several images on it and would like to place a description next to a thumbnail and have both description and thumbnail in a link and <div> that changes background color on hover. Currently I have the following html for each image:

<a class="thumb"; href=N8444L/P1010001.JPG>
<div class="thumb">
<img src=thumbnails/N8444L/P1010001.JPG>
<div class="phototitle">Engine View</div>
</div>
</a>

and the following CSS:

div.thumb {
position: relative;
margin: 3px;
height: 120px;
float: left;
background: black;
}
.thumb img {
position: relative;
float: left;
margin: 5px;
border: 1px solid #A0ACC0;
}
a:hover div {
background: rgb(192,192,192);
}
div.phototitle {
position: relative;
float: left;
font-weight: normal;
font-family: "Comic Sans MS","Arial";
width: 120px;
margin: 0 3px 3px 3px;
}

Now, all is well in firefox, the div that contains the picture and description turns grey on hover and the pointer turns to a hand and all. However, in IE it appears like there is no link. On hover nothing happens and the cursor remains a pointer. But, when you click, the link functions. I am a programmer who is way behind when it comes to CSS.

Any help would be greatly appreciated!

Dave

[dbeatle123]

Hey, sorry I didn't post this before. Here is a link to a sample of the problem. The picture I am working with is the first one. All the others do not have the background change.

http://flying.biocompute.net/new/n8444l2.htm

Also, is there any way to have the text that is next to the picture centered vertically with the picture?

Thanks!

Dave