reposition drop down buttons

I needed to bump up my nav bar higher on the page so I added a  -80 margin to the "ul#nav " property.  Now, the drop downs for crankshaft and crankcase and really high.  I tried adding a margin to "li ul li a"  to bring them down but it didn't work.  Any ideas?
darkhorse.css
index.html
nsitedesignsAsked:
Who is Participating?
 
COBOLdinosaurConnect With a Mentor Commented:
For me a link is always preferable.  I can spen an hour digging through code to find something I can discover in 5 minutes with a diagnostic.

Your problems starts with invalid code in the form of duplicate id names.  If you run the validator and correct the errors which appear to be directly related to the problem, it will allow the CSS to be applied correctly and consistently.

Cd&
0
 
COBOLdinosaurCommented:
Need a link to the page.

Cd&
0
 
nsitedesignsAuthor Commented:
Sorry.  Thought including the files was the more preferred option.
http://nsitedesigns.com/nsitedesigns/darkhorse/index.html
0
 
Ahmed HusseinConnect With a Mentor Commented:
Try this it's more practical:
in line 124
li ul{
position: absolute;
left: 115px;
top: 0;
display: none;
}

Open in new window


in line 119

ul#nav li {
position: relative;
list-style: none;
}

Open in new window


~AG
0
 
nsitedesignsAuthor Commented:
Found the duplicate.  Ending up modifying the margin-top on the sidebar rather than on the nav.  thanks
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.