html form ul li,html – CSS UL LI垂直菜单

#Menu

{

padding:0;

margin:0;

list-style-type:none;

font-size:13px;

color:#717171;

width:100%;

}

#Menu li

{

border-bottom:1px solid #eeeeee;

padding:7px 10px 7px 10px;

}

#Menu li:hover

{

color:White;

background-color:#ffcc00;

}

#Menu a:link

{

color:#717171;

text-decoration:none;

}

#Menu a:hover

{

color:White;

}

• Internal Doors
• Prefinished Internal Doors
• External Doors
• Internal Pair [French Doors]
• External Pair [French Doors]
• Custom Size Doors
• Door Frames
• Test

当我将鼠标悬停在它上面时,背景颜色会立即更改,但字体颜色保持不变,直到我将鼠标悬停在文本上方.

总之,我希望我的菜单行为类似于stackoverflows菜单(问题标签用户….)

任何帮助将不胜感激.