html - Hyperlinks not working on navigation bar - not clickable -


my links not working on navigation bar. cannot figure out i've done wrong. code. html:

<div id="menu" <ul>     <li><a href="http://kerryaltmantest.info">home</a></li>     <li><a href="http://kerryaltmantest.info/aboutme.html">about me</a></li>     <li><a href="publications">publications</a></li>     <li><a href="location">location</a></li>     <li><a href="strategicinteractions">strategic interactions</a></li> </ul> 

and css:

#menu {     width: 950px;     height: 35px;     font-size: 20px;     font-family: cambria, georgia, sans-serif;     font-weight: bold;     text-align: center;     background-color: #fff;     border-radius: 0px; margin-top: -175px; margin-left: 25px; }  #menu li {     display: inline;     padding: 20px; }  #menu {     text-decoration: none;     color: #2b297f;     padding: 8px 8px 8px 8px; }  #menu a:hover {     color: #2b297f;     background-color: #999; } 

i'm sure it's i'm missing. if want see site understand mean, can find @ http://kerryaltmantest.info

thank you!

it looks 1 of divs in front of nav bar. through close investigation, found div .mainrunner overlapping nav bar... (red border) enter image description here

if try remove css, see nav clickable... yay!

let me know if else comes up!


Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -