[css] Posizionare più elementi con class ma non va su firefox

[--LO--]

Alura...sto dando una risistemata a un mio sitarello...e siccome volevo fare qualcosina di diverso dalla classica testata in cima che riesco a posizionare senza problemi coi css...adesso mi ritrovo un pò in crisi.

Mi metto una bella immagine al centro, ripetuta, come sfondo. Voglio poi sovrapporre a questa un'altra immagine...in explorer ottengo quello che voglio, mentre col firefox non mi funziona...
il codice è questo

body {
font-family: verdana, arial, helvetica, sans-serif;
color: black;
background-color: #ffffff;
text-align: center;
}

#intro {
background-image: url(img/sfondo.jpg);
background-repeat: repeat-x;
margin-top: 15%;
text-align: center;
width: 100%;
height: 300px;
}

p.intro {
margin-top: 15%;
text-align: right;
}

e nella pagina html metto:

<div id="intro"><p class="intro">[img]img/titolo.gif[/img]</p></div>

come posso far si che anche in firefox mi metta le immagini come voglio?

[Sky]

Si può vedere questa immagine? Altrimenti mi riesce difficile

[Sky]

Anche quella dello sfondo, pardon

[--LO--]

momento che me le carico su qualche spazio

allora:

http://www.dominicmonaghan.it/prova/img/sfondo.jpg
http://www.dominicmonaghan.it/prova/img/titolo.gif

la pagina è:

http://www.dominicmonaghan.it/prova/index.htm

[Sky]

Originariamente inviato da --LO--
:D momento che me le carico su qualche spazio :D

allora:

http://www.dominicmonaghan.it/prova/img/sfondo.jpg
http://www.dominicmonaghan.it/prova/img/titolo.gif

la pagina è:

http://www.dominicmonaghan.it/prova/index.htm

Ceno e poi provo :)

[--LO--]

pensavo...non è che sono le percentuali che mi disturbano firefox? :master:
no..anche mettendo i px in firefox non va come vorrei

[Sky]

E' sufficiente applicare la classe "intro" direttamente all'immagine anziché al tag

.

Ovviamente però poi non funziona l'allineamento a destra dell'immagine, ma basta applicarlo al div #intro o, se non puoi, ad un tag

:)

[--LO--]

Originariamente inviato da Sky
E' sufficiente applicare la classe "intro" direttamente all'immagine anziché al tag

.

Ovviamente però poi non funziona l'allineamento a destra dell'immagine, ma basta applicarlo al div #intro o, se non puoi, ad un tag

ma grassie!
ci avevo provato, ma sbagliao qualcosa evidentemente
adesso va!

[Sky]

di nulla :)

[Mich_]

<div id="intro"><p class="intro">[img]img/titolo.gif[/img]</p></div>

Secondo me usare uno stesso indicatore per due oggetti diversi (un id ed una classe) non gli piace.

Nel tuo CSS poi non capisco perche` usi l'hack per centrare in IE e non centri per i browser conformi.