could somebody please help me on this? i intend to make another set of rollover link for my navigation panel. the navigation panel already has another class "button". how would i combine both classes into a same tag? i did refer to another thread but othan than the <span class=""> solution which doesn't work for me, there is no other solution. below are the css and html tag i created.

css:

.button {
border: 1 solid #A3A3D6;
height: 25; font-size: 11px;
text-align: center
}

A {
COLOR: white;
TEXT-DECORATION: underline
}

A:hover {
color: #a3a3d6;
TEXT-DECORATION: none
}

A:active .noline {
COLOR: white;
TEXT-DECORATION: none
}

A:hover .noline {
color: #a3a3d6;
TEXT-DECORATION: none
}


html tag:

<td class="button"><b><a href="index.html">Home</a></b></td>

* what i wanna do is to make the link "home" an un-underlined link. the element A {text-decoration: underline} has already overwritten every link.

thanks.