View Full Version : 1 Menu item showing the hover BG in normal state below th emenu item

12-08-2009, 09:32 AM
Hi Experts,

Please go to this page (http://click-a-minicab.com/cf-test/). You will see a menu there. Everything is working fine except the "Search Stock" menu item. Its showing the hover bg below it while all other menu items are absolutely working fine in all browsers.

Please help me & guide me how to fix this problem.

12-08-2009, 09:35 AM
Fixing the errors in the markup should be your first step when fixing a rendering issue, see http://validator.w3.org/check?uri=http%3A%2F%2Fclick-a-minicab.com%2Fcf-test%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

12-08-2009, 09:59 AM
I am sorry but I now have fixed that. Thank you for pointing me.

But the problem is still there :(

12-08-2009, 10:18 AM
You have
a.search { /* styles.css (line 232)*/
line-height: 23px;
font-weight: bold;
color: #fff;
padding: 4px 13px;
background: url('images/btn_search.gif') no-repeat;
} in your CSS, which is getting applied on that tab.

12-08-2009, 12:32 PM
Thank you very much sir. I got it now. The conflict was hat class "search". I changed the class name for the search button & the menu is working absolutely fine.

Thank you very much for your help.