Problemi di bordo.. forse..

[HoLy-KniFe]

Ciao a tutti..
e' da un po' che mi sono avvicinato al css, ho realizzato gia' diverse pagine web utilizzando appunto questo linguaggio..
Nella mia ultima realizzazione pero' ho riscontrato alcuni problemi con la compatibilta' con internet explorer, ovvero:
il sito in questione e' il seguente http://www.mantovanipetdiffusion.com/index.php , se aprite il sito in questione con IE noterete che gli H1 che escono normalmente dal bordo del content di qualche pixel, vengono tagliati.. inoltre tutte le icone cliccabilit (a:_qualcosa_) sono con IE bordate di blu o di viola dopo la visita..
Mi potreste dire come risolvere i seguenti problemi e ottenere la stessa visualizzazione che ho con opera e firefox??
Ringrazio chiunque mi possa aiutare, il css e' raggiungibile all'url http://www.mantovanipetdiffusion.com/layout/style.css ; lo stylesheet passa correttamente le w3c..

Sono disperato, perche' devo consegnarlo entro martedi' mattina e sono 2 giorni che ci litigo se ottenere risultati!!

Saluti!

[HoLy-KniFe]

up!

[fcaldera]

per i bordi sulle immagini
a img { border: 0; }


per il colore dei link
a,
a:link,
a:visited,
a:hover,
a:active {
color: .... ;
}



l'elemento h1 lo vedo sballato di 30px a sinistra (come impostato nel css) con firefox 2.0.0.6 su Ubuntu Linux
probabilmente è sufficiente eliminare i vari margin-... sul css per quell'elemento.

Poi a occhio trovo scorretto dare un padding positivo a content di 'n' pixel per poi impostare un margine sinistro ai vari h2 di '-n' px. Piuttosto distanzia i paragrafi

[HoLy-KniFe]

Allora:
i problemi dei bordi sono derivati dal fatto che le immagini sono cliccabili, quindi IE mi riscrive le regole di A:* che io ho definito cosi:

a:visited, a:active, a:link {
text-decoration: none;
color: #fff;
}
a:hover {
border-bottom: 5px #0c7e52 solid;
}

Ora mi chiedo come fare per visualizzarlo correttamente anche con IE, ripeto opera, firefox lo visualizzano correttamente.

Inoltre gli H1 sono stavi volutamente impostati negativamente: non esiste anche qui un hack per poter visualizzarlo correttamente??

Spero in una dritta il prima possibile.. il tempo stringe..

[HoLy-KniFe]

ho risolto il problema del bordo delle immagini.. ora pero' ho dei problemi con l'effetto grafico sempre dei bottoni.. il risultato che vorrei ottenere e' quello visibile dal browser firefox, mentre con ie si sposta tutto e fa un gran casino..

Come fare?

[Mich_]

Nel codice postato sopra c'e` un errore nell'ordine delle pseudoclassi e dei valori del bordo. Prova a scrivere cosi`:

a:link, a:visited {
text-decoration: none;
color: #fff;
}
a:hover {
border-bottom: 5px solid #0c7e52;
}
a:active {
text-decoration: none;
color: #fff;
}

PS: non so se questo risolve il tuo problema (tra l'altro non ho IE per poter provare)

[HoLy-KniFe]

rimane anche il problema degli h1 che vorrei uscissero a sinistra.. con firefox ottengo il risultavo voluto.. con IE no..