I've tried getting this to work properly in IE with a variety of different methods, and none are working. The page in question is here: http://elixir.biz/coders/marlins/incoming/photos.php If you hover over the "blue team" text it will display a drop-down menu. However, in IE6 and IE7 once you've moused over the area where the drop down menu overlaps the thumbnails, it disappears. Initially I thought it may be a z-index issue between it and the Cycle slideshow in the thumbnails area, but no combination of absolute, relative, and z-index on the elements has any effect. My next course of action was to comment out the thumbnails and the main image to see if it worked, and it did. However, when commenting out only one of these two areas, it no longer works, and it doesn't matter which is commented out.
I've also tried moving the category drop-down after the rest of the markup, tried adding a clearing div between the category area and the thumbnails, tried adding/removing all sorts of CSS properties to the category list, and none seem to get it working in IE. I'm left wondering if this is an issue with my JQuery instead. I tried substituting my hover() with mouseover and mouseout, but it behaved the same.
