Ho il bisogno di aprire le pagine a cui puntano certi link all'interno di un div, però vorrei evitare di usare l'iframe che qualche tempo fa mi era stato consigliato, ma che da quanto ho capito non è la migliore delle soluzioni. Come posso fare con javascript?

Questo è il temporaneo codice del menu

codice:
    <div id="navigation">


<ul id="nav">
  <li id="active"><span>Home</span>[*]<span>Sirm2</span>[*]<span>Radio On Shell</span>[*]<span>Download</span>[*]<span>Musica</span>[/list]	

    </div>
E questo il css

codice:
/*Stili per la navigazione*/
ul#nav{
float: left;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #D7D7D7;
font-size: 125%;
text-decoration: bold
}

ul#nav li{
float: left;
margin: 0 0.2em 0;
padding: 0
}

ul#nav a{
float: left;
padding: 0 0 0 0.4em;
background: url(sfondo2.png) no-repeat top left;
text-decoration: none;
color: #222
}   

ul#nav span{
float: left;
padding: 0.4em 0.4em 0.4em 0;
background: url(sfondo2.png) no-repeat top right;
cursor: pointer
} 

ul#nav li#active a,ul#nav a:hover{
background : #c8fe00 no-repeat top left
}

ul#nav li#active span,ul#nav a:hover span{
background : #c8fe00 no-repeat top right;
color: #000
}
Quindi vorrei che quando si clicca su uno dei link, la pagina venga aperta in un altro div, senza ricaricare ogni volta tutta la pagina