Estou tendo problema com o alinhamento e tamanho do componente buttonLink no FireFox
---- codigo da página ----
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<input id="Button1" type="button" value="button" style="background-position-x: 5px; background-image: url(icon_mini_myforums.gif); width: 104px; background-repeat: no-repeat" class="btnMenu" />
<asp:HyperLink ID="HyperLink1" runat="server" CssClass="btnMenu" NavigateUrl="~/Default.aspx" style="background-position-x: 5px; background-image: url(icon_mini_myforums.gif); background-repeat: no-repeat; TEXT-ALIGN: center" Width="135px">HyperLink</asp:HyperLink>
<asp:Button ID="Button2" runat="server" Text="Button" />
</form>
</body>
</html>
--------------------------------------
---------------css------------------
.btnMenu
{
background-color:Aqua;
border:0px;
width: 110px;
}
.btnMenu:hover
{
background-color:white;
border:0px;
width: 110px;
}
--------------------------------------
Veja o resultado :
http://img89.imageshack.us/img89/1878/imagembi6.jpg
Como eu posso resolver isso?
PS:
a figura usada no exemplo é a mesma do "meus seguimentos" (link desse fórum =D), se quizerem copiar la pra testar =D
