Problema loghi xhtml

[Marco Obito Gheza]

Salve a tutti, mi chiamo Marco ho 24 anni ed una passione per la programmazione, da qualche giorno stò cercando di programmare il mio primo sito in xhtml con textWrangler usando il mio macbook e fin qui tutto bene, ho creato un logo con photoshop in formato png e l'ho inserito nel mio sito con il seguente linguaggio:
<img src="Immagini/Logo.png" alt="Ristorante Pizzeria Ghebel">
le dimensioni del logo l'ho impostata nel foglio di stile Css del sito!
E qui spunta il problema, utilizzando safari il logo si vede alla perfezione che è una scritta con caratteri speciali ed effetti, ma negli altri broswer come firefox, chrome ed opera il logo non si vede giusto, si vede soltanto la scritta con caratteri normali e senza gli effetti creati da photoshop.
Ho provato a cercare in giro delle soluzioni ma non ho trovato niente al riguardo..
C'è qualcuno che potrebbe spiegarmi che cosa sbaglio???
Ve ne sarei molto grato grazie!

 

[maestroweb]

se ci mandi il codice css posso aiutarti.

 

[Marco Obito Gheza]

se ci mandi il codice css posso aiutarti.

allora questo è il codice della prima parte del mio sito composto da "pagina" che sarebbe l'insieme del menu, del logo dell'indirizzo e dei credits.

<div id="pagina">
			<div id="menu" style="opacity: 1;">
				<i></i>
				<a href="ristorante.html" title="il ristorante">chi siamo</a>
				<a href="menu.html" title ="il menu del ristorante">menu</a>
				<a href="dovesiamo.html" title="come raggiungerci">dove siamo</a>
				<i></i>
			</div>
			<div id="logo" style="opacity: 1;">
				<a href="real.html">
				<img src="Immagini/Logo.jpg" alt="Ristorante Pizzeria Ghebel" />
				</a>
			</div>
			<div id="indirizzo" style="opacity: 1;">
				Via Re Galantuomo n°1, Ossimo Sup<br />
				<span>Tel 0364311058</span>
			</div>
			<div id="credits">SITO DI <a href="https://www.facebook.com/marco.o.gheza?      ref=tn_tnmn">MARCO GHEZA</a> — FOTO DI <a href="https://www.facebook.com/nadia.belle.60?fref=ts">NADIA BELLE'</a></div>
		</div>

questo invece è nel CSS

#pagina {
	position: fixed;
	width: 500px;
	right: 50px;
	height: 100px;
	margin-top: 50px;
	top: 50%;
	text-align: center;
	z-index: 998;
}
#pagina a { font-size: 12px; display: inline-block; padding: 0 10px 5px 10px; border-bottom: 1px solid #dfdfd1; }
#pagina a:hover { text-decoration: none; border-bottom: 1px solid #828277; }
#pagina a.active { text-decoration: none; border-bottom: 1px solid #828277; }

#pagina #logo a img { text-decoration: none; border-bottom: 1px solid #dfdfd1; margin-left: -10px; }
#pagina #logo a:hover { text-decoration: none; border-bottom: 1px solid #dfdfd1; }
#pagina #logo a:hover img { opacity: 0.6; }

#menu { margin-bottom: 30px; opacity: 0; }
#menu i { display: inline-block; border-bottom: 1px solid #828277; width: 70px; margin: 0 20px 0 20px; position: relative; top: -5px; }
#menu a { font-size: 15px;}

#logo {
	position: relative;
	width: 100%;
	text-align: center;
	margin-left: -3px;
	
}

#logo img { width: 175px; }

#indirizzo { -webkit-font-smoothing: antialiased; opacity: 0; display: inline-block; width: 250px; margin-top: 20px; text-align: center; font-size: 12px; color: #fff; background: #828277; padding: 10px 5px 10px 5px; }
#indirizzo a { color: #fff; text-decoration: none; }
#indirizzo span { font-size: 14px; }
#credits { position: fixed; bottom: 15px; right: 135px; font-size: 8px; letter-spacing: 2px; text-align: center; }
#credits a {font-size: 8px;}

L'unica cosa che non mi funziona è il logo per il resto va tutto sia in safari che firefox ecc..

 

[glm1986ITALY]

Per migliorare la leggibilità del forum chiedo gentilmente di inserire codice html o di altro tipo negli appositi tag (in questo caso ho editato io lo scritto)

Grazie a nome dello staff.

 

[maestroweb]

scusa per il ritardo questo deve funzionare

#pagina {
	position: fixed;
	width: 500px;
	right: 50px;
	height: 100px;
	margin-top: 50px;
	top: 50%;
	text-align: center;
	z-index: 998;
}
#pagina a { font-size: 12px; display: inline-block; padding: 0 10px 5px 10px; border-bottom: 1px solid #dfdfd1; }
#pagina a:hover { text-decoration: none; border-bottom: 1px solid #828277; }
#pagina a.active { text-decoration: none; border-bottom: 1px solid #828277; }

#logo {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;	
}
#logo img { 
margin-left: -3px;
height:auto;
width: 175px; 
}
#logo a img { border-bottom: 1px solid #dfdfd1; margin-left: -10px; }
#logo a:hover { text-decoration: none; border-bottom: 1px solid #dfdfd1; opacity: 0.6; }

#menu { margin-bottom: 30px; opacity: 0; }
#menu i { display: inline-block; border-bottom: 1px solid #828277; width: 70px; margin: 0 20px 0 20px; position: relative; top: -5px; }
#menu a { font-size: 15px;}

#indirizzo { -webkit-font-smoothing: antialiased; opacity: 0; display: inline-block; width: 250px; margin-top: 20px; text-align: center; font-size: 12px; color: #fff; background: #828277; padding: 10px 5px 10px 5px; }
#indirizzo a { color: #fff; text-decoration: none; }
#indirizzo span { font-size: 14px; }
#credits { position: fixed; bottom: 15px; right: 135px; font-size: 8px; letter-spacing: 2px; text-align: center; }
#credits a {font-size: 8px;}