Click to See Complete Forum and Search --> : CSS hover not working in Firefox..


corrado100
09-14-2006, 04:29 AM
Hi there, can someone pls help me with the following?

I have this menu on the left side of my page but the hover is not working in Firefox. Website is http://www.kooldesigns.co.uk/

#navright{
position: absolute;
height: 114px;
width:110px;
left: 0px;
top: 175px;

list-style-position: inside;
list-style-image: url('none');
list-style-type: none}
#navright li{
text-indent: 13px;

list-style-position: inside;
list-style-image: url('none');
list-style-type: none;
display: block}
#navright a{
background-repeat: no-repeat;
display: block;
height: 29px;
width: 150px;
position: absolute;
padding-left: 30px;
padding-top: 7px;
font-family: "Arial", Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #292929;
text-decoration: none;}
#nr1, #nr2, #nr3, #nr4, #nr5, #nr6{background-image: url('images/navright.gif');}
#nr2{top: 29px;}
#nr3{top: 58px;}
#nr4{top: 87px;}
#nr5{top: 116px;}
#nr6{top: 145px;};

#nr1:hover, #nr2:hover, #nr3:hover, #nr4:hover, #nr5:hover, #nr6:hover{background-image: url('images/navrightover.gif');}


Any help is appreciated. Cheers.

Kravvitz
09-14-2006, 07:42 AM
Please fix your XHTML (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.kooldesigns.co.uk%2F) and CSS (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.kooldesigns.co.uk%2F) errors.

I expect simply fixing your errors will solve this problem.

P.S. Please read Guidelines and Suggestions for Posting on Web Development Forums (http://www.dynamicsitesolutions.com/other/forum_posting_guidelines/).