<div> sur la même ligne qu'une <nav> horizontale

Bonjour,

Je souhaiterais positionner devant un menu horizontal une div (dans le but d'y placé une image/logo). Or la navigation se met en dessous de la div.
Je ne trouve pas de solution et ne comprend pas d'où vient le problème.
Je post donc le code HTML puis CSS ici :

HTML :

<header>
<div class="logo"></div>

<nav>
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">CV</a></li>
<li><a href="#">A propos</a></li>
</ul>
</nav>
</header>

CSS :

header{
display: inline-block;
}

.logo{
position: relative;
display: inline-block;
width:260px;
height:150px;
border:1px solid black;
margin-left: 20px;
margin-right: 10px;
}

nav{
}

nav ul{
list-style-type:none;
}

nav li{
width: 200px;
height: 100px;
border: 1px solid black;
position: relative;
display: inline-block;
}

nav a{
text-decoration: none;
}

Voilà (je n'ai posté que le code concerné, de toute façon je n'ai pas grand chose en plus mis à part le principal hein) merci pour votre attention.