I have a test page on my website:
If you'd like to check it out, feel free to visit:
I am trying to create a feature where when you hover over an image, a black button with text and links will appear. When you move your mouse away from the image, the button should disappear.
How can I achieve this effect? It needs to be compatible with Internet Explorer versions 6 and 7.
PS: To center the button over the image, I used a CSS vertical center solution.
Update:
In response to Dobiatowski's answer, here is my CSS solution using a menu technique. You can view the latest version here: link text
The mouseover functionality works well in IE6, as well as all modern browsers. However, I am encountering some display errors that need fixing.
Optimal performance in IE8/9 and all modern browsers
Display error in IE7 (Button appears behind the right image)
Display error in IE6 (Button appears behind the right image, border is broken)