Works in IE7 not in FF...

[daygo140]

http://www.smartrealtyinfo.com/_TEMP.html

Expand the left navigation menu in IE7 and hover over the submenus/links. They get highlighted in green and an arrow appears.

Do the same in FF. No highlight or arrow.

How can I have FF highlight too?


}
.sdmenu .submenu a:hover {
background : #90b4cf url(/images/linkarrow.gif) no-repeat right center;
color: white;
}


My css and js files reside here:

http://www.smartrealtyinfo.com/css/

[Wickham]

I get the same page in IE7 and Firefox. Both show sub-menu items highlighted in light brown (hardly green) and no arrow.

Your post says
.sdmenu .submenu a:hover {
background : #90b4cf url(/images/linkarrow.gif) no-repeat right center; color: white;}

but your stylesheet css/realsmart.css has no arrow image:-
.sdmenu .submenu a:hover {
background: #c69308 no-repeat right center;
color: #FFF;}

Have you uploaded the correct files?

Your post says
No highlight or arrow.
How can I have FF highlight too?
You should be able to do what you want with the code in your post but it should be edited slightly:-
.sdmenu .submenu a:hover {
background-image: url(/images/linkarrow.gif); background-repeat: no-repeat; background-position: right center; background-color: #90b4cf; color: white;}

See http://www.w3schools.com/css/pr_background-position.asp

I notice that your index file for http://www.smartrealtyinfo.com , the _TEMP.html , _TEMP1.html and _TEMP2.html are all different and you may be getting in a muddle.