Drop down issue-CSS ??

[timhersh]

Hello,

I know this has to be easy but I can't figure it out, hoping someone can tell me quick what to do.

This page http://ie-proofs.com/domo-online.com...llon-p-14.html
**

Hover over the dropdown--you will notice there is a border on the left and right but not the bottom. Because there is not one on the bottom (i think) there is a tiny space on the right hand side where the border skips a part...I'm ok with adding a border to the bottom to fix it but nothing I do in the stylesheet will add the border to the bottom, I've tried everything

any ideas? I have used f12 but it wont' help since it is a dropdown

thanks

[stevesh]

Sorry, I'm not seeing a dropdown on that page ???

[timhersh]

when you put your mouse over the main links? For example -Evinrude

[stevesh]

If you mean in the header links, I'm seeing a border on the bottom in IE8, FF12 and Chrome.

[timhersh]

yes, thank you.

Do you notice the tiny gap in the border on the right hand side of the dropdown--where each link is. I'm thinking I need to figure out how to put a border in between each drop down link

[David Allen]

yes, thank you.

Do you notice the tiny gap in the border on the right hand side of the dropdown--where each link is. I'm thinking I need to figure out how to put a border in between each drop down link

Your problem is too many borders - not adding another :)
In the css there is this:

div#dropMenu li{
border:1px solid #FFE303;
position:relative;
border-bottom:1px solid #FFE303;
border-top:1px solid #FFE303;
list-style:none;
border-right::1px solid #FFE303;
margin:0;
float:left;
line-height:1em;
width:14.08%}

Delete the two lines in red - actually only the 1st one affects things because of the typo in the second one
Regards
David

[timhersh]

bingo..thanks