Box verschiebt zentrierten Text nach rechts

[Achim]

Moin,

Ich möchte im Header das Logo links haben, den Text exakt in der Mitte. Durch das logo links verschiebt sich der Text aber nach rechts. Wie bekomme ich den Text exakt in die Mitte?

<header>
    <div id="logo">
    <img src="img/logo.png" width="180">            
    </div>
    <h1 id="menu">Lorem ipsum</h1>
</header> 

header {
    text-align: center;
}

#logo {
    float: left;
}

Liebe Grüße