Underline all over picture in IE & Firefox, but not Opera

programming web dev
1

html, body{
margin:0;
padding:0;
text-align:center;
background: url(back1.jpg) repeat-y #FFF;
background-position: center;
}

#pagewidth{
width:700px;
text-align:left;
margin: 0 auto;
height: auto;
}

#header{
position:relative;
height:160px;
}

a#header:hover, a#header:link, a#header:active, a#header:visited{
background: url(formast1.jpg) no-repeat;
width: 240px;
height: 75px;
text-decoration: none;
}

#maincol{
background-color: #FFFFFF;
float: right;
display:inline;
position: relative;
font-family: Tahoma, Verdana;
}

My problem is:

a#header:hover, a#header:link, a#header:active, a#header:visited{
background: url(formast1.jpg) no-repeat;
width: 240px;
height: 75px;
[COLOR=Red]text-decoration: none;[/COLOR]
}
That red line should remove the underline from text.
I am using

<a href="www.somelink.com"><img src="daimg.jpg" alt="Booyakasha"></a>

so the underline appears as a border around the img except on Opera. I have tested IE and Firefox as well as Opera and that seems to be the only one to actually do what it is supposed to.

What have I done wrong?

[SIZE=1][COLOR=Silver]<Vent>I’m guessing nothing 'cause ad’ose dirty Fugly non-standart compliant borked browsers I gotta get hackalicious on da thing…</Vent> Kicking the ground in anger
[/COLOR][/SIZE]