problema com a propriedade FLOAT .

<div id="menu">
            <nav class="wrap">
                    <div class="logo">
                            <a href="index.html"><img src="logo/jelogo.png" alt=""></a>
                    </div>

                    <ul class="menu">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="produtos.html">Produtos</a></li>
                            <li><a href="missao.html">Missão</a></li>
                            <li><a href="link.html">Links</a></li>
                            <li><a href="contato.html">Contato</a></li>
                    </ul>
                  
             </nav>
    </div>

div#menu{
    background-color: #525252;
    border-radius: 10px;
    border-bottom: #EE82EE solid 2px;
   }

.wrap{
    width: 960px;
    margin: auto;
}

.logo{
    width: 30%;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}
.menu{
    width: 70%;
    margin: 0;
    padding: 0;
    position: relative;
    float:right;
}