Hello
I can't figure out why I can't get a background image to show upon hover.
Here's my test page (work in progress).
rowbytesting.com/
Any thoughts?
Below is the css I put in the module. In my attempts to fix the css I think I have added far too much code!
| Code: |
#ariyui53.yui-skin-sam .yuimenubar {
background:url("js/assets/menu/sam/sprite.png") repeat-x scroll 0 0 transparent;
border:1px solid #808080;
font-size:93%;
line-height:1.6;
margin-left:300px;
}
#ariyui53.yui-skin-sam ul li a.yuimenubaritemlabel, #ariyui53.yui-skin-sam ul li a.yuimenubaritemlabel:link, #ariyui53.yui-skin-sam ul li a.yuimenubaritemlabel:visited, #ariyui53.yui-skin-sam ul li a.yuimenubaritemlabel:hover {
border-color:#808080;
border-style:solid;
border-width:1px 0;
color:#000000;
background-image:url("js/assets/menu/sam/hover-01a.png")
background-repeat:repeat-y;
cursor:default;
font-size:93%;
line-height:2;
margin:-1px 0;
padding:0 20px 0 10px;
text-decoration:none;
}
#ariyui53.yui-skin-sam ul li a.yuimenubaritemlabel, #ariyui53.yui-skin-sam ul li a.yuimenubaritemlabel:link, #ariyui53.yui-skin-sam ul li a.yuimenubaritemlabel:visited, #ariyui53.yui-skin-sam ul li a.yuimenubaritemlabel:hover {
border-color:#808080;
border-style:solid;
border-width:1px 0;
color:#000000;
cursor:default;
font-size:93%;
line-height:2;
margin:-1px 0;
padding:0 20px 0 10px;
text-decoration:none;
background-image:url("js/assets/menu/sam/hover-01a.png")
}
|
