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 :)
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
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.
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.
