CSS - Underlining Using Css Rather Than <u>?

Code:

h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #000000; 
}
h1, h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.2em;
}
a {
	text-decoration: none;
}
a:link {
	color: #0000FF;
	text-decoration:underline;
}
a:visited {
	color: #0000FF;
	text-decoration:underline;
}
a:hover, a:active {
	color: #0000FF;
	text-decoration:underline;
}

I have a css like above, I don't want my header links to be underlined, how can I do this?

Thank you,

Let's say I have this code:

Code:

<a href="test.html">underline <span style="text-decoration: none">don't underline</span></a>

In IE this will not underline the span. In Opera 9 and Firefox 1.5 it will underline the span. Why? Any way to get around this?

I've come across a bit of a problem, and I need some help.

Here's the deal: I'm creating a button system that will allow for easy placement of BBCode tags. Obviously, I'm using <form> and <input type="text"> elements to construct the buttons.

I found out that I can edit button labels through some simple CSS. I'm having a problem, though, with underlining text in one particular button.

Here's the code in question:

PHP Code:
<input type="button" value="Underline" style="text-decoration: underline;" accesskey="u" /> 




Now, this code works correctly in IE (what a suprise :O), but FF fails to draw an underline under the button's text. I know its possible, because if you go onto any PHPBB-based forum you'll see two buttons that have underlined titles.

Any idea how I should go about fixing this problem? I tried to reverse-engineer some of PHPBB's code, but alas to no avail. Help me if you can, please!

Hi,

I have created this menu: http://www.explosiveracing.net/test/header.html
In IE the hyperlinks do not appear with the underline whereas in FF they do. How do I make FF not display the underline?

Also in FF the 'boxes' are 'squashed' on top of each other whereas in IE there is a small gap. How do I keep the small gap in FF?

The direct link to the css is:
http://www.explosiveracing.net/test/css/menu.css

Thanks