Allora, sperando che tu riesca a capirci di più di me del casino che sto facendo...

Ecco il file css


codice:
##container {
	width:996px; text-align:left; float:left;
	background: #FFF url('sfondo_grigio.gif') left top repeat-y
}
#pagina {
	background:#FFF  url('sfumo-arancio.jpg') left top repeat-x; margin-left:5px;
	margin-right:5px; float:left
{

ecco invece l'html:

codice:
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>ciao</title>

<link rel="stylesheet" type="text/css" media="screen, handheld, print" href="principale.css" />

</head>
<body>

<div id="container">
		<div id="pagina">



</div>
</div>
		
		
		</body>
		
		
		</html>

Praticamente per rendere più facile a te la comprensione del problema ho fatto un copia incolla parziale della sezione grafica del sito html.it

Lasciando stare il footer che è assente, non riesco a far ripetere ambedue le immagini all'infinito.

Solo se metto del testo o degli spazi all'interno del div "pagina" allora si allunga il tutto.
La mia intenzione era di rendere le due immagini infinite a priori, sia che ci sia del testo che non ci sia.

Le immagini le trovi in allegato, altrimenti sappi che sono quelle del sito html.it

Spero tu possa aiutarmi.