CODEWITHSUNDEEP
htmlcssmenuhover
touchoflunacy
touchoflunacy

Reputation: 13

CSS menu issue with hover

On my css menu here My site I can't seem to get the menu to match up on all levels no matter how much I have tweaked the code. I am a CSS newbie so I am likely missing something but when you hover and mouse down there are three different sizes and I want them all to be uniform. I have looked at it in chrome and firebug, but can't find the parent menu to expand to match the hover.

Any suggestions would be greatly appreciated!! Thank you in advance :)

Upvotes: 1

Views: 218

Answers (3)

shingokko
shingokko

Reputation: 412

It's not difficult to implement a hover menu using CSS. It works in all modern browsers, but doesn't work in IE6 as it doesn't support :hover on li tags.

Upvotes: 0

Enrique Moreno Tent
Enrique Moreno Tent

Reputation: 25237

Your code is totally messed up. For starters dont set the width of the in the submenu. Instead set the width of the whole UL.submenu, and make the inside display:block, so that they will fill thew whole width

Upvotes: 1

talha2k
talha2k

Reputation: 25650

change this in your css:

#menu2 li li a, #menu2 li li a:link, #menu2 li li a:visited {
    color: #FFFFFF;
    float: none;
    margin: 0;
    padding: 0 0 0 15px;
    width: 160px; //this is the change (width decreased)
}

Hope this helps.

Upvotes: 0

Related Questions