Salve a tutti avrei un problema con i fogli di stile ed il layout liquido!
Ho preso il codice di uno degli esempi di layout da pro.html.it:

il codice è:

<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% Verdena,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:right;width:100%;margi
n-right:-200px}
div#content{margin-right:200px;margin-top:5px}
div#content1{margin-right:200px;margin-top:5px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:20
0px}
div#footer{clear:both;width:100%}
</style>


</head>
<body>
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="wrapper">
<div id="content" style="text-align:justify;">


1) Content here. column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill vefiller silly very mak column make silly long column long make very </p>
</div>
</div>
<div id="navigation">


2) Navigation here.long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler </p>
</div>
<div id="extra">


3) More stuff here. very text make long column make filler fill make column column silly filler text silly column fill silly fill column text filler make text silly filler make filler very silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very </p>
</div>
<div id="footer">

Here it goes the footer</p></div>
</div>

</body>
</html>

Vorrei capire se è possibile inserire un altro div tipo content inizialmente non visibile, che cliccando su un apposito link sul menu di sinistra sia reso visibile e vada a sostitursi al content iniziale! Ho provato utilizzando una funzione javascript per il controllo dello style.visibility di un oggetto ma il problema è che aggiungendo un altro div ,ad esempio uguale a content e con lo stesso posizionamento ma inizialmente nascosto , comunque viene posizionato più giù rispetto al primo div.

Ringrazio chiunque voglia darmi una mano