Current/Active page link won't reflect style

http://specializednde.com/ is the site i'm working on. i've used just standard links (h4) in a widget for the top menu, as the menu needed to be bottom aligned with the logo beside it, and this seemed the easiest solution. i've styled the links as follows, but for some reason the active link will not stay background-coloured. is it being affected in some way by the default widget stylings maybe?


h4 a:link {color:#0065B3; background-color: #FFFFFF; padding: 5px; !important;} /* unvisited link */
h4 a:visited {color:#FFFFFF; background-color: #FFFFFF; padding: 5px; !important;} /* visited link */
h4 a:hover {color:#FFFFFF; background-color: #BECFE1; padding: 5px; !important;} /* hover link */
h4 a:active {color:#FFFFFF; background-color: #BECFE1; padding: 5px; !important;} /* selected link */

or is there some way to use the logo option in atahualpa and still have the regular menu align across from it, as the site currently looks?

many thanks for any input!

joan