Ok, hay varios errores en tu codigo, intenta el siguiente:
<div id="header">
<div id="logo"><a href=/>DISEÑO MULTIMEDIA</a></div>
<div id="social"> Facebook Twitter </div>
<div id="menu" class="limenu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="sobremi.html">SOBRE MI</a></li>
<li><a href="portfolio.html">PORTFOLIO</a></li>
<li><a href="contacto.html">CONTACTO</a></li>
</ul>
</div>
</div>
CSS:
#header {
margin-left:auto;
margin-right:auto;
width:1000px;
height:160px;
}
#logo {
width:900px;
float:left;
background:url(logo2.png) nono-repeat 50% 50%;
height: 120px;
}
#social {
float:left;
width:100px;
height:120px;
}
#menu {
float: left;
font-size: 14px;
margin-bottom: 5px;
width: 1000px;
height:40px;
background-color:#06C;
font-family:Arial, Helvetica, sans-serif;
}
#menu ul {
display: inline;
float: left;
margin-left: 0px;
}
#menu li {
margin-left: 0px;
padding-top: 12px;
padding-right: 15px;
padding-bottom: 0;
padding-left: 15px;
}
#menu a {
color: #fff;
margin: 0;
text-decoration: none;
}
#menu a:hover {
color: #333333;
text-decoration: underline;
}
div.limenu ul {
list-style: none outside none;
margin: 0;
padding: 0;
width: 1000px;
height:40px;
}
div.limenu li {
float: left;
list-style-type: none;
padding: 0;
width: auto;
}
Saludos!
