CSS che rileva problemi con Mozilla Firefox

[Lupoapippi]

Salve per il mio sito ho dovuto realizzare un DIV che contiente un'immagine, questo si trova alla destra di altri 2 div (uno più posizionato a partire dall'angolo in alto a destra del DIV immagine e uno sottostante quest'ultimo).

Visualizzando il sito con internet explorer (7.0) funziona tutto correttamente mentre con Mozilla Firefox (1.5.0.7) non si vede il DIV denominato #sottoprodotto
non si vede nè il contorno, nè il riempimento, nè il testo e link...

mi sapreste dire dove sbaglio per favore? Riporto qui sotto il CSS da me creato.... grazie a tutti per le cortesi risposte


#testoprodotto {
font-family: Calibri, Tahoma, "Times New Roman", Arial;
font-size: 12px;
color: #000000;
border: thin solid #000000;
position: absolute;
left: 80px;
width: 415px;
height: 58px;
padding-top: 2px;
padding-left: 5px;
background-image: url(../images/testoarticolo.jpg);
}
#immagine {
position: absolute;
height: 72px;
width: 72px;
background-color: #FFFFFF;
border: thin solid #000000;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
}

}
#sottoprodotto {
font-family: Calibri, Tahoma, "Times New Roman", Arial;
font-size: 14px;
color: #FFFFFF;
border: thin solid #000000;
position: relative;
background-color: #339933;
left: 80px;
width: 415px;
height: 18px;
top: 60px;
padding-top: 2px;
padding-left: 5px;

}

#sottoprodotto a {
font-family: Calibri, Tahoma, "Times New Roman", Arial;
font-size: 14px;
color: #FFFFFF;

}

[Myaku]

parti dal presupposto che è FF quello più affidabile nell'interpretazione del codice, non IE.
Intanto, nel tuo codice c'è un errore. Hai chiuso una parentesi graffa di troppo.
Se con codice valido il problema ti rimane, dovresti farci vedere anche l'html (ricordati di segnalarci la dtd che hai in uso)