please take a look at this link
http://www.sudhakargolakaram.co.in/dropdown.html

when you move the mouse over the images a drop down menu appears, when the mouse moves over any of the drop down images i have used a background image and changed the text color to white this is working fine

however if you move the mouse slowly initially the green background image appears followed by the text in white only when the mouse moves in the region where the text is, i would like the entire text to become a block so that this flickering does not happen, i have tried setting the link as a block and specified the width and height but it is not working

can someone look at the code and let me know how i can change the code to get the effect i mentioned




also in ie 7 i noticed that each sub menu item has a vertical gap between them and this is only for ie how can i fix this

please advice

thanks

a hover effect in css is just

#div-name a:hover {
color: #fff;
background: #000;
}

is that what you're asking?