[SOLVED] Underline on hover (redux)

Mister · #1 Mar 29, 2011, 09:00 PM

I found this thread which helped me greatly (http://forum.bytesforall.com/showthr...nderline+hover), but I am encountering a problem where the current page selection won't remain underlined. I don't understand the CSS very well at all, but by trying to analyze it, think that the problem likely lays with other CSS inserts; a conflict of some kind?

My page is here: http://bombay.directrouter.com/~awecalga

Here's what is currently in my CSS inserts:

Code:

.smicons img {
border: none;
background-color: transparent;
padding-top: 0px;
margin: 0px 0 0 0;
position: relative; top: 7px;
} 



/* SET HEIGHT OF PAGE MENU */
div#menu1 ul.rMenu {
height: 40px;
}

/* SET PAGE MENU AS TRANSPARENT */ (original)
div#menu1 ul.rMenu {
     background:transparent;
     border-bottom:transparent;
     border-top:transparent;
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
     background: transparent !important;
}
ul.rMenu li a:hover {
     background: transparent !important;
}


/* ADD BORDERS TO PAGE MENU ITEMS */
.div#menu1 ul.rMenu li a:link, div#menu1 ul.rMenu li a:hover, div#menu1 ul.rMenu li a:active {
-x-system-font:none;
border-top:0px;
border-bottom:4px solid #FFF3A1 !important;
border-left:0px;
border-right:0px;
border-style:solid;
}

Any obvious problems jump out at you?