Header y nav

[ilu7ionHD]

Código HTML:

<header class="logo">
               
                <img src="logo.png" class="logoclass"/>
                
        </header>
        <!-- NAV-->
        <nav class="menu">
            <ul>
                <li><a href="index.html" class="button">Principal</a></li>
                <li><a href="nosotros.html" class="button">Sobre nosotros</a></li>
            </ul>
        <!-- LIMPIADOR-->
            <div class="limpiador"></div>
 

Código CSS:

header 
{
    float: left;
}
nav
{
    float: right;
}
 
.limpiador
{
    clear: both; /* Limpiar */
}
 

No funciona!, es lo mismo poner esto?

Código CSS:

.logo 
{
    float: left;
}
.menu
{
    float: right;
}