Ciao a tutti,
ho creato un sito con website ma ho integrato varie parti a mano e ho un problema con un button che mi sta facendo impazzire.
Il sito è
http://www.nozzespeciali.it e ci sono due "button" in alto a destra che vengono visualizzati "tagliati" con Firefox, mentre si visualizzano correttamente con Chrome e con Internet explorer.
Questo è il codice css che ho usato per il button:
#button
{
margin-top:1px;
margin-left:1px;
text-align: center;
border:none;
background-color:transparent;
display:block;
overflow:hidden;
cursor:pointer;
width:142px;
height: 22px;
color:green;
font-size:16px;
background-image:url(files/accesso-aziende.png);
background-repeat:no-repeat;
}
#button:hover
{
background-position:0 -30px;
}
Ho provato ad aumentare "height" da 22 a 30 px ma avviene il problema inverso, cioè:
- se metto "height: 22px;" l'immagine viene visualizzata correttamente con Chrome e Internet explorer ma viene tagliata su Firefox
- se metto
"height: 30px;" l'immagine viene visualizzata correttamente con Firefox ma viene allungata con Chrome e Internet explorer
