IE macht komischen Abstand nach horizontaler Navigation

[pascal.witzig]

Hallo zusammen, hab da ein kleines Problem. Will eine Reiternavigation machen. Diese wird im FF korrekt angezeigt, aber im IE schaltet sich so ein merkwürdiger Abstand dazwischen. Siehe hier:

Mein HTML hier:

<ul id="navigation">

<?php 
if(is_home()){
    echo "<li class='active'>Blog</li>";
}else{
    echo "<li>Blog</li>";
}

wp_list_pages('title_li='); ?>
</ul>
<div id="text"><?php get_sidebar(); ?>

....

</div>

und hier die relevanten CSS-Formatierungen:

#navigation{

    list-style-type:none;
    
    
    
    }

#navigation li{

    background-color:#e1e1e1;
    
    border-bottom:1px solid #0a2d48;
    
    font-size:0.75em;
    
    margin-right:0.3em;
    
    padding:0.5em 2em;
    
    float:left;

    }

#navigation li.active, #navigation li.current_page_item{

    background-color:white;
    
    border-bottom:1px solid white;
    }


#sidebar{

    float:right;
    
    width:12em;
    
    border-left:1px solid #bababa;
    
    margin-top:0.5em;
    
    padding:1em 0 1em 1em;

    }
    
#sidebar h4{

    font-size:0.63em;
    
    padding:0.5em 1em;
    
    background-color:#ffffde;
    
    border-bottom:1px solid #ebebeb;
    
    margin-bottom:0.3em;

    }

#sidebar ul{

    list-style-type:none;    

    }

#sidebar li{

    margin-bottom:0.5em;

    font-size:0.63em;
    
    list-style-type:none;
    
    padding-left:1em;
    
    line-height:1.2em; 
    }
    

#text{

    background-color:#FFF;
    
    clear:left; 
    
    width:50em;
    
    padding:2.5em 1em 0 1em;
    
    margin:0;
    
    }

Ich hoffe ihr habt eine Idee, was hier falsch läuft...

 

[Dark D.]

http://www.html.de/html-und-xhtml/14582-faq-woher-kommen-die-abstaende.html

 

[pascal.witzig]

Danke für die Antwort, das mit dem * will aber leider auch nicht so wirklich klappen...