Navigation menu (left & right) no dropdown

Navigation menu with left and right floated content.

HTML

<div id="nav">
    
    <div id="nav-wrapper">
        
        <div id="nav-left">
            <ul>
                <li><a href="#">Anasayfa</a></li><li>
                <a href="#">Yeni Ürünler</a></li><li>
                <a href="#">Fırsat Ürünleri</a></li><li>
                <a href="#">Kampanyalar</a></li><li>
                <a href="#">Ücretsiz Yayınlar</a></li><li>
                <a href="#">İletişim</a></li>
            </ul>
        </div><!-- Nav left end -->
        
        <div id="nav-right">
            <ul>
                <li><a href="#">right-item#1</a></li>
                <li><a href="#">right-dropdown#1</a></li>
            </ul>
        </div><!-- Nav right end -->
        
    </div><!-- Nav wrapper end -->
    
</div><!-- Nan end -->

CSS

body{ padding: 0; margin: 0; font-family: Arial; font-size: 16px; }

#nav{ background-color: #333; overflow: hidden; clear: both; }
#nav-wrapper{ width: 960px; margin: 0 auto; text-align: left; }

#nav-left{ float: left; }
#nav-right{ float: right; }

#nav ul{ list-style-type: none; padding: 0; margin: 0; position: relative; }
#nav ul li{ display: inline-block; }
#nav ul li:hover{ background-color: #444; }
#nav ul li a,visited{ display: block; padding: 15px 10px 15px 10px; color: #FFF; text-decoration: none; }

#nav ul li:hover ul{ display: block; }
#nav ul ul{ display: none; position: absolute; top: 0; margin: 30px 0 0 0; background-color: #444; z-index: 9999; }