[wordpress] modifica header del tema

sera a tutti, succede che ho un problema, (non è una novità direbbe qualcuno... eh eh),

sto usando un tema che non è costruito proprio bene bene, succede che quando creo una pagina il titolo và nell'header, e fin quì tutto normale, ma se le pagine diventano 7,8,9 ecc.. il tema inizia a scombinarsi in quanto:
dapprima l'header si allarga, e quando raggiunge la larghezza massima inizia a mettere delle etichette con i titoli delle pagine sotto l'header, e se le pagine aumentano ancora, resta visibile solo l'etichetta della pagina home, le altre etichette ci sono ma invisibili, me ne accorgo passandoci sopra con il mouse,

ora, visto che le pagine che si andranno a creare quando il sito sarà pronto saranno tante, continueranno a crescere queste etichette invisibili sotto l'header spostando verso il basso il contenuto della home...

come risolvo questo problema? è possibile, intervenendo sul codice tramite l'editor, modificando il template dell'header, mettere un elenco a cascata delle pagine nell'header?

allego il codice del template:

codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title('--',true,'right'); ?> <?php bloginfo('name');?></title>

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/switch.js"></script>

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/blue.css" type="text/css" media="screen" title="default"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/pink.css" type="text/css" media="screen" title="pink"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/green.css" type="text/css" media="screen" title="green"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/purple.css" type="text/css" media="screen" title="purple"/>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/red.css" type="text/css" media="screen" title="red"/>

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>


<div id="wrapper">


<div id="header">
<h1>/"><?php bloginfo('name'); ?></h1>


<div id="navigation">

* /" class="<?php echo (is_home() ? 'current' : ''); ?>">Home

<?php wp_list_pages('title_li='); ?>

</div>


<div id="search">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="<?php _e('search'); ?>" />

</form>
</div>

</div>


edit:

mi rendo conto che la domanda è un pò confusionale, dunque cercherò di riassumerla..

quando creo delle nuove pagine, il link del titolo, come da prassi si piazza nell'header, e tutti i titoli si affiancano scombinando la struttura del tema se le pagine superano un certo numero;

per non creare questo disguido si può inserire nell'header un elenco a cascata dei titoli? e come?