After I select the Arrow I get this border (see attached image).
How can I keep this border from appearing?
Thanks. Here’s the code:
CSS:
.btn_vid1 {
width:25px;
height:25px;
border:0px solid #ffffff;
display:block;
background: url(images/arrow-login1.gif);
background-repeat:no-repeat;
font-size:px;
text-align:right;
margin: 0px 25px 0px 0px;
float:right;
padding-right:0px;
padding-left:0px;
}
HTML:
<form action="login.php" method="post" accept-charset="UTF-8" class="middletext">
<label><font class="font4_15">Username</font></label><span class="username"><input type="text" name="user_name_login" size="9" style="width:70px;" />
<label><font class="font4_15">Password</font></label><span class="password"><input type="password" name="password_login" size="9" style="width:70px;" />
<input type="submit" value="[var.lang_login_now]" class="btn_vid1" /></a><!--<a href="login.php"></a>-->
<input type="hidden" name="submitted" value="yes" />
<input type="hidden" name="remember_me" value="remember_me" />
</form>