Background non si vede in IE

[Balamb Seed]

Salve a tutti
dopo aver letto la guida su questo sito ho deciso di imparare ad utilizzare i css per sviluppare siti web al posto delle tabelle (anche perchè sconsigliate da W3C), quindi ho deciso di rifare un sito che avevo precedentemente fatto con le tabelle in modo da convertirlo in un sito table-less

l'impaginazione è stata abbastanza smplice e non mi ha dato grossi problemi però ho qualche problema con la funzione Background (ho usato anche background-image ma senza risultati)

il codice del mio css è questo

body {background:  url(immagini/generale/sfondo.jpg); 
      font:        arial; 
      width: 100%}

#marginesuperiore {background:               url(immagini/generale/bordosuperiore.jpg); 
                   height: 20px; width: 800px}

#margineinferiore {background:        url(immagini/generale/bordoinferiore.jpg); 
                   clear: both; height: 20px; 
                   width: 800px}

#titolo {background:    url(immagini/generale/logo.jpg); 
         height: 200px; 
         width: 800px}

#telaio {left: 50%; 
         margin-left: -400px; 
         margin-right: auto; 
         min-height: 50%; 
         position: absolute; 
         width: 800px}

#menu {background:       url(immagini/generale/sfondo-menu.jpg); 
       float: left; 
       width: 200px}

#contenuto {background:   url(immagini/generale/sfondocontenuto.jpg); 
            float: right; 
            width: 600px}

#menutitolo {color: yellow; 
             font:  italic 12px arial; 
             font-size: 12px; 
             font-style: italic; 
             margin: 5px}

#menutesto {color: white; 
            font:  italic 12px; 
            font-family:  arial; 
            font-size: 12px; 
            font-style: italic}

il codice è un po' sporco perchè sto faendo degli esperimenti cmq non dovrebbero esserci errori di sintassi visto che per comodità uso un editor.

in firefox non ho nessun problema e la pagina viene visualizzata correttamente
in ie non viene visualizzato lo sfondo però la cosa strana è che uso la stessa sintassi anche negli altri identificatori e funziona benissimo anche con ie

come posso fare?
grazie in anticipo per l'aiuto, spero che questo problema non sia stato già risolto, io ho fatto una ricerca con il motore del forum ma non ho trovato post con questo problema

[Mich_]

La cosa mi giunge nuova.

Comunque la sintassi corretta richiede di formattare anche il blocco html, dato che in molti browser e` un oggetto diverso dal body (mentre in IE, quando lavora in quirks mode, i due oggetti coincidono).

Esempio:

html, body {
      background:  url(immagini/generale/sfondo.jpg); 
      font:        arial; 
      width: 100%;
}

PS: noto che usi i posizionamenti assoluti: di solito hanno degli effetti collaterali pesanti, per cui mi permetto di sconsigliarli. In linea di massima non suare i posizionamenti finche` non hai effettivamente necessita`.
Tra i "link utili" ci sono anche essempi di layout gia` pronti: puoi prendere spunto da li`.

[Balamb Seed]

grazie mille del consiglio, ora provo ad aggiungere anche html

per i posizionamenti assoluti li uso solo per centrare il div telaio nella pagina (che poi è quello che contiene anche tutti gli altri div) come in un esempio dei link utili, cmq se mi sconsigli di usarlo proverò a toglierlo (tanto secondo me il posizionamento dovrebbe funzionare cmq) :master:

[Balamb Seed]

niente da fare
ho provato a modificare il css come mi avevi suggerito ma il risultato non cambia, o anche provato a ricreare un'altra voce per l'html ma senza risultati

posto il nuovo codice per chiarezza

body {background-image: url(immagini/generale/sfondo.jpg); 
         font: arial} 
 
#marginesuperiore {background: url(immagini/generale/bordosuperiore.jpg); 
                           height: 20px;
                           width: 800px} 

#margineinferiore {background: url(immagini/generale/bordoinferiore.jpg); 
                          clear: both;
                          height: 20px; 
                          width: 800px}  

#titolo {background: url(immagini/generale/logo.jpg); 
           height: 200px; 
           width: 800px}  

#telaio {left: 50%; 
            margin-left: -400px; 
            margin-right: auto; 
            min-height: 50%; 
            position: relative; 
            width: 800px}  

#menu {background: url(immagini/generale/sfondo-menu.jpg); 
           float: left; 
           width: 200px}  

#contenuto {background: url(immagini/generale/sfondocontenuto.jpg); 
                  float: right; 
                  width: 600px}  

#menutitolo {color: yellow; 
                  font:  italic 12px arial; 
                  font-size: 12px; 
                  font-style: italic; 
                  margin: 5px}  

#menutesto {color: white; 
                   font:  italic 12px; 
                   font-family:  arial; 
                   font-size: 12px; 
                   font-style: italic}  

html {background-image: url(immagini/generale/sfondo.jpg); 
        font-family: arial black}

ti posto anche il codice della mia pagina html (non so se ti può servire ma tanto non mi costa nulla)

<html> 
<head>   
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  <title>Manga Volley Home Page</title>   
  <meta name="description" content="">   
  <meta name="keywords" content="">   
  <meta name="author" content="Unregistered User">   
  <meta name="generator" content="AceHTML Freeware">    
  <link rel="StyleSheet" type="text/css" href="layout.css"> 
</head> 
<body> 	  
  <div id="telaio">	 	    
    <div id="marginesuperiore"></div> 	    
    <div id="titolo"></div>
    <div id="menu">
	<div id="menutitolo">HOME</div> 				
        <div id="menutesto"> 
       	  <ul type="circle"> [*]Torna Alla Home Page[/list]	 				
        </div> 
   <div id="menutitolo">FOTO</div>
   <div id="menutesto"> 
	  <ul type="circle"> 
	[*]Campionato 2010/2011 
	[*]Campionato 2009/2010        [*]Campionato 2008/2009[/list]	 	
   </div> 
   <div id="menutitolo">LA SQUADRA</div>  
   <div id="menutesto">
	  <ul type="circle">    [*]I Giocatori [*]La Palestra[/list]	 
   </div>  
   <div id="menutitolo">IL CAMPIONATO</div>
   <div id="menutesto"> 		
      <ul type="circle">    [*]Il Girone di Andata 		[*]Il Girone di Ritorno  		[*]La Classifica 		[*]Le Circolari CSI          [/list]	
   </div>  	
   <div id="menutitolo">IL CALENDARIO</div>	 
   <div id="menutesto"> 		
     <ul type="circle">   [*]Guarda Il Calendario Eventi [/list]	
   </div> 
   <div id="menutitolo">DOVE TROVARCI</div> 
   <div id="menutesto"> 	
     <ul type="circle">  		[*]Facebook 	[*]E-Mail          [*]Forum       [/list]	 		
   </div> 
  </div>
  <div id="contenuto"></div>	
  <div id="margineinferiore"></div>
</div>
</body> 
</html>

per il posizionamento se tolgo la voce dal css non funziona ma mettendolo come relative funziona benissimo

[codencode]

Due domande:
1) quale sfondo non visualizzi?
2) con quale versione di IE?

[Balamb Seed]

lo sfondo che non visualizzo è quello del body, gli altri vengono tutti visualizzati correttamente

la versione di ie è la 7 non ho provato ancora con altre versioni però con firefox la pagina si vede in modo corretto

[softhare]

non è che forse:

background-image: url(immagini/generale/sfondo.jpg);

andrebbe scritto invece:

background-image: url("immagini/generale/sfondo.jpg");

o al limite:

background-image: url('immagini/generale/sfondo.jpg');

?

[Balamb Seed]

proverò a cambiarlo ma mi sembra strano visto che tutti gli altri background funzionano così

cmq per dovere di cronaca segnalo che ho installato ie8 ma il risultato non cambia

quindi il problema si estende anche a questo browser

[Balamb Seed]

confermo anche mettendo gli apici sul path dell'immagine il risultato non cambia

firefox vede tutto
ie 7/8 non vede lo sfondo del body, ma gli altri si

[codencode]

Ponevo le due domande perchè, utilizzando il tuo codice e provandolo con i vari browser (incluse le varie versioni di IE), gli sfondi si vedono tutti.
Ovviamente nel div contenuto va inserito qualcosa per far si che si veda lo sfondo.