blackhatguy
New Member
Why are the first menus not highlighting or but the last two are. I'm fairly certain it has something to do with the image but if it does I have no idea how to fix it.My HTML: \[code\] <link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/15857921/Practise.css"/> <title>Practise</title> </head> <img src="http://stackoverflow.com/questions/15857921/404SQN logo.png" width="1250" class="logo"/><nav> <ul> <li><a href="http://stackoverflow.com/questions/15857921/#">Home</a></li> <li class="drop"> <a href="http://stackoverflow.com/questions/15857921/#">About Us</a> <div class="dropdownContain"> <div class="dropOut"> <div class="triangle"></div> <ul> <li>About 404SQN</li> <li>About AAFC</li> <li>What to Expect</li> <li>Discipline</li> </ul> </div> </div> </li> <li><a href="http://stackoverflow.com/questions/15857921/#">News</a></li> <li><a href="http://stackoverflow.com/questions/15857921/#">Gallery</a></li> <li><a href="http://stackoverflow.com/questions/15857921/#">Tutorials</a></li> <li><a href="http://stackoverflow.com/questions/15857921/#">Requests</a></li> <li><a href="http://stackoverflow.com/questions/15857921/#">Downloads</a></li> <li><a href="http://stackoverflow.com/questions/15857921/#">Contacts Us</a></li> </ul>\[/code\]And my CSS:\[code\] html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} .logo { float: left; position: absolute; left: -27.5em; top: -22em; z-index: -1;} /*---------- BODY --------------------------------*/ body { text-align: center; background: #e0e0e0; padding-bottom: 200px; z-index: 1;} a { text-decoration: none;}/*---------- Wrapper --------------------*/nav { width: 95%; height: 4em; background: #003C82; border-radius: 10px; margin: auto; position: relative; top: 6em;}ul { text-align: center; margin: auto;}ul li {margin-top: -0.5em; font-family: