I am having an issue with a horizontal menu and using text-decoration underline to signify an active selection or a mousover. On active or mouseover the underline seems to have 2 leading spaces and a trailing space. (I also used the SOLPART menu and get the same results.) ANy help would be greatly appreciated.
For example, a non selection root item may look like this: Home
An active or mouseover item would look like Home
The HTML that contains the menu is:
<table cellSpacing="0" cellPadding="0" border="0" height=39 width=100%>
<tr valign=top>
<td bgcolor=#F2F3F5 background='<%= SkinPath %>menubgsliver.JPG' align="center" valign=middle style="border-bottom-color: #ABB5BE;border-bottom-width: 1px;border-bottom-style: solid;">[NAV]</td>
</tr>
<tr>
<td bgcolor=#F2F3F5><br></td>
</tr>
</table>
The style that corresponds to the active item is:
.SR_Menu_RootMenuActiveItem
{
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
font-style: normal;
background: transparent;
white-space: nowrap;
padding-left: 40px;
padding-right: 40px;
padding-top: 0px;
padding-bottom: 0px;
color: #2E2E2E;
text-decoration: underline;
}