Ciao, sto iniziando a realizzare un sito su biscazziere.altervista.org

Volevo realizzare il sito con background fisso. Il problema è che non so quale sia la maniera più corretta per disporre i vari div, il sistema che ho usato io mi pare poco "ortodosso" e inoltre dà un sacco di problemi con Firefox mentre con IE funziona.

codice:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

body{ font: 10px "Verdana", Verdana,Arial,sans-serif; color: #333333; background-image: url('bg_grad.gif'); background-attachment: fixed; text-align:center; margin:0 auto;}

div#container{ background-image: url('bg.gif'); width: 574px; height: 579px;}
div#container2{ background-image: url('bg2.gif'); width: 574px; height: 700px;}
div#textcontainer{background-color: #EEEEEE; width: 445px;}
div#text{text-align:left; background-color: #EEEEEE; width: 435px;}
div#null{margin-top: 230px;}
</style>

</head>

<body>
<div id="container">
<div id="null"></div>
<div id="textcontainer">
		<div id="text">
		// testo vario
		
		</div>

	</div>




<div id="textcontainer">
		<div id="text">
		// testo vario
		
		</div>

	</div>

</div>
<div id="container2">
	

</div>







</body>
</html>
Inoltre volevo utilizzare un menù in verticale a destra (come si vede nell'immagine di sfondo) ma non so come realizzarlo con i CSS (non posso usare le slice con photoshop perchè verrebbero fuori delle tabelle).

Spero di aver reso bene l'idea. Grazie