Problems With Buttons

[Guest]

Hi everyone

I would like to have most of my buttons with the hovering effect to work in IE6. It works fine in FF but i'm aware there is an issue with IE and i would need some java to go.

Now my question is......

I have this button that i'd like to hover in IE6 without the underline link.... can this be done? It works in FF and IE6 except it has that underline!!!!

Here is the code.... pls let me know what i'm doing wrong.

step1.tpl

<a href="cart.php?act=reg" class="txtCheckout" style="margin-left:30px;" class="subbutt" style="padding-top:1px; padding-bottom:1px; padding-left:4px; padding-right:4px;" onmouseover="this.className='subbuttHover'" onmouseout="this.className='subbutt'">{LANG_REGISTER_BUTN}</a>

			</div>

Here is my CSS

.subbutt {

	font-family: "Arial", Helvetica, sans-serif;

	font-size:11px;

	color: #ffffff;

	background-color:#4C566B;

	font-weight: bold;

	border:1px solid #4C566B;

}

.subbuttHover {

	background-color:#B6C4CD;

	font-family: "Arial", Helvetica, sans-serif;

	font-size:11px;

	color: #ffffff;

	font-weight: bold;

	border:1px solid #4C566B;

	cursor:pointer;

}

Your help would be greatly appreciated ;-)

Thanks

Antz

[burgensteen]

Try adding:

text-decoration: none;

to the css