Hi

Could someone help me on this one please, if you take a look at a site I have developed World of Learning 2006 Exhibition Conference and Seminars - Learn Events, you will see that the drop downs work fine.

I need to replace the text, FREE Exhibition, Conference 2006 etc with graphics.

I think I know I will have to set up a class for each menu item in order to place a bground image of the graphic so I can still have HTML text within the list item.

I have tried this, but it does not seem to work, especially when I add text-indent:-9999px (to hide the html text)

Does anyone have any examples or any help for me!

Thank You

Should work, i have that need covered on 3 different sites i've made.
Make sure you put the background image into the a:hover style, so it triggers correctly. And that padding/width is correct so it acctually shows. This is some code ripped directly out from one of my working sites, a part of a bigger dynamic dropdown menu i have made and implemented into a selfmade CMS represented on easyweb.thronic.no (norwegian). The top menu there acctually demonstrates the function you are after. But the little snippet below is all you should need to get going.

#navwrapper a {
 display: block;
 width: 109px;
 background-image: url("easyweb/filarkiv/button_munder.gif");
 margin: 0;
 padding: 2px 1px 1px 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
 color: #eeeeee;
}

#navwrapper a:hover {
 background-image: url("easyweb/filarkiv/button_mover.gif");
 color: #ffffff;
}

Thanks for the reply will check it out