Work/title> <link href="def.css" rel="stylesheet" type="text/css"> <style> /* Resetter */ ol, ul, li, a { background: transparent; border: 0px; font-size: 100%; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; } ul, li { list-style-type: none; } /* Body */ body { background: #08080a repeat-x; font:13px Verdana; } /* Header */ .header { margin: 0px auto; position: relative; width: 1000px; } .header ul li { float: left; } .header ul li a { background-position: 0% 0%; background-repeat: no-repeat; cursor: pointer; display: block; color:white; text-decoration:none; padding:10px; } .header ul li:hover { background:red; } /* Nav */ ul#nav { height: 80px; margin-top: 80px; -webkit-padding-start: 10px; display: block; } ul#nav li.home { float: right; } /* Sub Nav */ ul#nav-sub { height: 40px; } ul#nav-sub li { margin-top: 0px; } ul#nav-sub li.contact { float: right; } ul#nav-sub li.membermenu { float: left; } /* container */ #container { background-color:#FFF; background-position:center bottom; background-repeat:no-repeat; height: 440px; width: 100%; } </style> <style id="jsbin-css"> </style> </head> <body> <div class="header"> <ul id="nav"> <li class="home"><a href="/">workatplay</a></li> <li class="services"><a href="/services" title="services">menu1</a></li> <li class="toolbox"><a href="/toolbox" title="toolbox">Benu2</a></li> <li class="work"><a href="/work#mattel" title="work">denu3</a></li> <li class="about"><a href="/about" title="about">4enud</a></li> <li class="insights"><a href="/think" title="insights">asdda</a></li> </ul> <ul id="nav-sub"> <li class="contact"><a href="/contact">contact work [at] play</a></li> <li class="membermenu"><a href="/contact">asdr</a></li> </ul> </div> <div id="container"> ASD </div> <script> if (document.getElementById('hello')) { document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript'; } </script> <script src="http://static.jsbin.com/js/render/edit.js"></script> <script>jsbinShowEdit({"root":"http://static.jsbin.com","csrf":"n+LiyMk1PQxWGMDturJHxdpZ"});</script> <script src="http://static.jsbin.com/js/vendor/eventsource.js"></script> <script src="http://static.jsbin.com/js/spike.js"></script> <script> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1656750-34']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script> </body> </html>