image is seen in firefox, safari but not in ie6

[thosecars82]

Hello there
I have two gif image files to change the language of a website between English and Spanish. Nevertheless, I just can see the images of the flag in firefox, safari and opera, but not in ie6. You can check this at http://www.metatradersoftware.com by seeing the language flag at the top right corner of the screen. Does anyone know why this might happen?

The php code is:

if ($language=='en')
						{	
echo '<FORM name="auxemail" id='idauxemail' action=''.$pagina.'?' . $state.'&language=sp'.'' method='post'>';
echo '<P>';
echo '<INPUT class = 'enlacespanishflag' type='submit' onClick='storeState()' value='';
echo _(" ") . "'>";
echo '<TEXTAREA name ='auxemailcontent' id='idauxemailcontent' rows='10' cols='10'>';
   if (isset($_SESSION['emailcontent']))
   		echo $_SESSION['emailcontent'];
echo '</TEXTAREA>';
echo '<TEXTAREA name ='auxemailsubject' id='idauxemailsubject' rows='10' cols='10'>';
   if (isset($_SESSION['emailsubject']))
   		echo $_SESSION['emailsubject'];
echo '</TEXTAREA>';

echo '</P>';
echo '</FORM>';													
						}
					else if ($language=='sp')
						{
echo '<FORM name="auxemail" id='idauxemail' action=''.$pagina.'?' . $state.'&language=en'.'' method='post'>';
echo '<P>';
echo '<INPUT class = 'enlacebritishflag' type='submit' onClick='storeState()' value='';
echo _(" ") . "'>";
echo '<TEXTAREA name ='auxemailcontent' id='idauxemailcontent' rows='10' cols='10'>';
if (isset($_SESSION['emailcontent']))
	echo $_SESSION['auxemailcontent'];
echo '</TEXTAREA>';
echo '<TEXTAREA name ='auxemailsubject' id='idauxemailsubject' rows='10' cols='10'>';
if (isset($_SESSION['emailsubject']))
   		echo $_SESSION['emailsubject'];
echo '</TEXTAREA>';

echo '</P>';
echo '</FORM>';

And the css code is:

	.enlacespanishflag {
		padding-left: 0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		background-image:url(images/spanishflag.gif);
		width:30px;
		height:18px;
		outline:none;
		border:none;
	}
	.enlacebritishflag {    
		padding-left: 0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		background-image: url(images/britishflag.gif);	
		width:30px;
		height:18px;
		outline:none;
		border:none;
	}

Another thing that happens is that I want to get rid of the outline which is shown when someone clicks on the language flag. Nevertheless, although I put outline:none in both the css tag of the Spanish flag and the one of the British flag, this outline is still shown when someone clicks the flag.
I would appreciate if anybody gave me any suggestion.
Thanks in advance

Mod Edit: Added CODE Tags

[thosecars82]

solved with this code:

.enlacespanishflag {
		padding-left: 0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		background-image:url(images/spanishflag.gif);
		background-repeat:no-repeat;
		background-color:transparent;
		width:30px;
		height:18px;
		outline:none;
		border:none;
	}

.enlacebritishflag {    
		padding-left: 0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		background-image: url(images/britishflag.gif);
		background-repeat:no-repeat;
		background-color:transparent;
		width:30px;
		height:18px;
		outline:none;
		border:none;
	}

echo "<input type='submit' class='enlacespanishflag' value='' onclick='storeState()' onfocus='this.blur()'";
echo " />";

echo "<input type='submit' class='enlacebritishflag' value='' onclick='storeState()' onfocus='this.blur()'";
echo " />";

Mod Edit: Added CODE tags