css - Navigation will not align right -


i spent hours trying right, doesn't work me.... can see in image: alt text

the navigation isn't right. maybe can me? site http://elektrikhost.com.... used web dev extension fore firefox guide lines... don't know why won't work me.... heres css:

    nav { background: #282828 url(../images/nav-bg.png) repeat-x; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; margin: 24px auto;  width: 822px; } nav ul { padding: 13px 0;  } nav ul li { background: url(../images/nav-sep.jpg) left center no-repeat; display: inline; padding: 0 39px; margin: 0 auto;  } nav ul li:first-of-type { background: none; } nav ul li:last-of-type { /*background: url(../images/ref2.png)*/ no-repeat right bottom; margin: 10px 0 0 0; } nav ul li { color: #626262; font: 1.2em arial, helvetica, serif; } nav ul li a:hover { color: #dfdfdf; } 

thanks help...

your #main-wrap 897px wide , nav 822px wide margin : 24px auto. so, "extra" 75px getting distributed , causing problem. either make nav 897px wide or adjust margin accordingly.

the whole point of using html5 elements more semantic. if decide use them, go way , rid of <div> , use <section> instead. make ie support html5 elements, try these links

http://remysharp.com/2009/01/07/html5-enabling-script/

http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/

hope helps.


Comments

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

jquery - appear modal windows bottom -

c++ - Compiling static TagLib 1.6.3 libraries for Windows -