Wie kann ich einen Zeilenumbruch vor horizontaler Navigation einfügen?

Ich hatte in meinem Header (branfordmagazine-Theme) ein Suchfeld, das ich herausnehmen wollte. Ich habe also im Header folgende Zeilen gelöscht:

<div class="right"><?php include (TEMPLATEPATH . '/searchform.php'); ?></div>
</div>

Das Problem ist jetzt, dass meine horizontale Navigationsliste am rechten Rand klebt. Wie bekomme ich da einen Zeilenumbruch hin?

Im Moment sieht das so aus.

Und hier der Code im body meines headers:

<body<?php if ( is_home() ) { ?> id="home"<?php } ?>>
<div id="page" class="clearfloat">


<div class="clearfloat">
<div id="branding" class="left" onclick="location.href='<?php echo get_settings('home'); ?>';" style="cursor: pointer;">
    <div class="blogtitle" ><a href="<?php echo get_option('home'); ?>/"><?php //bloginfo('name'); ?></a></div>
      <div class="description"><?php //bloginfo('description'); ?></div>
</div>


<ul id="nav" class="clearfloat">
<li><a href="<?php echo get_option('home'); ?>/" class="on">Home</a></li> 
<?php wp_list_pages('title_li='); ?>
</ul>

Danke schon mal im voraus

Pescador

danke maxe, dein tipp war goldrichtig. und hat darüberhinaus auch noch ein anderes problem gelöst - denn im IE war die darstellung der page komplett daneben. jetzt ist alles am richtigen fleck.

nur ein problem noch: im IE ist die hintergrundfarbe der navibar weiß, nicht dunkelgrau. dadurch ist die hellgraue schrift kaum lesbar. mal sehen, ob ich die lösung finde, müsste ja im stylesheet zu finden sein.... oder kann das mit dem fehlenden class=left tag zu tun haben?