problema con bottone

[blekm]

ho fatto un bottone rosso, 120 x 40, ma quando lo vado ad inserire ... mi appare cosi nella pagina, col bordo!

e non capisco perchè!! :master:

qualcuno mi sa illuminare..

[blekm]

questo è come si vedono i bottoni su IE

[blekm]

questo invece è su FF

vi posto anche la parte del codice css relativo al div per i bottoni della navigazione...

div.nav{
margin: 5px 5px 5px 6px;
float: left;
width: 160px;
background: transparent;
text-decoration : none;
background-color: #FF4444;
font-family : liberate;
font-size : 30px;
font-weight : bold;
font-style : normal;

}

div.nav a{
padding : 1px 0px 1px 1px;
margin-top: 10px;
text-decoration : none;
background-color: transparent;
width: 130px;
color: #010101;
}

div.nav a:visited{
color: #FDFFFF;
}

div.nav a:hover{
font-style : oblique;
}

ovviamente, non guardate il fatto che su ogni bottone ce la scritta HOME HOME HOME HOME HOME...

[blekm]

up

[Mich_]

Forse sono io, o e` il mio browser, ma io non noto differenze fra le due immagini (a parte il colore e una piccola differenza di spaziatura).
Pertanto non capisco la domanda.

[blekm]

vedi che intorno a ogni link "HOME" ce quel bordo? ecco, non ci dovrebbe essere! perchè io tramite css non ho specificato niente riguardo a quel bordo.

il bordo (che non ci doveva essere) era il bordo di default quando viene messo intorno ad un immagine (che sta dentro un anchor) dentro un anchor.

ho risolto con

div.nav a img {
border:none;
}

[Mich_]

In molti browser un'immagine inserita in un link ha di default un bordo di 1 px. Se specifichi all'immagine border:0; (oppure border: none il bordo sparisce.
In qualche caso occorre specificarlo sia al :link che all' :hover. Esempio:
a:link img {border:0;}
a:hover img {border:0;}