Não estou conseguindo alinhar o meu menu: código css: #primaryNav { display: block; height: 33px; left: 0; } #primaryNav li { display: block; background: #000; float: left; border-left: 1px solid #666; position: relative; height: 33px; text-align: center; } #primaryNav li:first-child { border: none; } #primaryNav li a { float: none; background: none; color: #fff; text-align: center; letter-spacing: 0; line-height: 33px; font-size: 14px; font-family: "TitlingGothicFBStandCond", "Arial Narrow", Arial, sans-serif; text-transform: uppercase; } #primaryNav li.item1 { width: 52px; } #primaryNav li.item2 { width: 68px; } #primaryNav li.item3 { width: 111px; } #primaryNav li.item4 { width: 58px; } #primaryNav li.item5 { width: 53px; } #primaryNav li.item6 { width: 68px; } #primaryNav li.item7 { width: 75px; } #primaryNav li.item8 { width: 41px; } #primaryNav li.item9 { width: 146px; } #primaryNav li a:hover { color: #ee3224; } #primaryNav li.newsweek { background: #ee3224; border-left: none; width: 75px; } #primaryNav li.logo { background: #EE3224 url(styles/../img/logo/newsweek-nav.png) 3px 8px no-repeat; } #primaryNav li.newsweek a { margin-left: 5px; } #primaryNav li.newsweek a:hover { color: #FFF; } #primaryNav li.magazine { position: relative; width: 80px; height: 33px; } #primaryNav li.newsweek img { width: 80px; height: 70px; } #primaryNav .newsweekheader { position: absolute; top: -10px; right: 0; } HTML: <head> <link rel="stylesheet" href="styles.24714.css" type="text/css"> <div id="leadStory" class="lead"> <div class="ad"></div> </div> <center> <ul id="primaryNav" role="navigation"> <li class="item1"><a href="/index.html" data-track="{'title':'navbar'}">Lucas</a></li> <li class="item2"><a href="/politics.html" data-track="{'title':'navbar'}">Politics</a></li> <li class="item3"><a href="/entertainment.html" data-track="{'title':'navbar'}">Entertainment</a></li> <li class="item4"><a href="/books.html" data-track="{'title':'navbar'}">Books</a></li> <li class="item5"><a href="/videos.html" data-track="{'title':'navbar'}">Video</a></li> <li class="item6"><a href="/fashion.html" data-track="{'title':'navbar'}">Fashion</a></li> <li class="item7"><a href="/business.html" data-track="{'title':'navbar'}">Business</a></li> <li class="item8"><a href="/art.html" data-track="{'title':'navbar'}">Art</a></li> <li class="item9"><a href="/features/women-in-the-world.html" data-track="{'title':'navbar'}">Women in the World</a></li> <li class="newsweek logo"> <a href="/newsweek.html" data-track="{'title':'navbar'}" class="ir">Newsweek</a> </li> <li class="newsweek magazine" data-track="{'title':'navbar'}"> <div class="parbase image newsweekheader"><a href="/newsweek.html"><img title="Newsweek Magazine" alt="Newsweek Magazine" class="cq-dd-image" src="/content/dailybeast/_jcr_content/newsweekheader.img.png/1324291816682.png"></a></div> </li> </ul> <div id="trendingTopics" class="trendingtopics links"> <h6 class="heading heading-style-e">Featured:</h6> <ul> <li><a href="/features/holidays.html" target="_self" data-track="{'title':'subnav'}">Holidays</a></li> <li><a href="http://andrewsullivan.thedailybeast.com/" target="_self" data-track="{'title':'subnav'}" wrc_done="true">The Dish</a> <span class="wrc_icon wrc11" rating="{"icon":"green1-16.png","rating":1,"weight":1,"flags":{"news":1}}"></span></li> <li><a href="http://blogs.thedailybeast.com/spin-cycle.html" target="_self" data-track="{'title':'subnav'}" wrc_done="true">Howard Kurtz</a> <span class="wrc_icon wrc11" rating="{"icon":"green1-16.png","rating":1,"weight":1,"flags":{"news":1}}"></span></li> <li><a href="/travel.html" target="_self" data-track="{'title':'subnav'}">Travel</a></li> <li><a href="/innovation.html" target="_self" data-track="{'title':'subnav'}">Innovation</a></li> <li><a href="/us-news.html" target="_self" data-track="{'title':'subnav'}">U.S. News</a></li> </ul></div> </nav> Alguém me ajuda?
