Hab das mit border-bottom mal eingesetzt, klappt wunderbar :)
Aber in meinem Untermenü krieg ich diese Linien einfach nicht hin.
Kannst du evtl. anhand der CSS-Datei sagen, wo das in dem Fall hin müsste?
Hier die aktuelle CSS-Datei:
------------------------
/* -------------------------- BEGIN do not change --------------------------- */
ul.dropdown
{
list-style: none;
margin:0;
padding:0;
width:100%;
}
ul.dropdown ul
{
list-style: none;
margin:0;
padding: 0;
width:100%;
}
ul.dropdown li
{
position: relative;
padding:1px 0px 1px 0px; /* helps Opera with hover - do not remove! */
}
ul.dropdown a
{
display:block;
}
ul.dropdown ul, ul.dropdown ul ul, ul.dropdown ul ul ul
{
display:none;
position:absolute;
top:0;
left:99%;
}
ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul
{
display:none;
}
ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
display:block;
}
/* -------------------------- END do not change --------------------------- */
#nav
{
font:10px verdana;
background-color:#D34C62;
width: 100%;
margin:0;
padding:0;
}
#nav a
{
color:#FFFFFF;
padding:4px;
text-decoration:none;
width: 94%;
border-bottom:1px solid #D96D7F;
padding-bottom:4px;
margin:0px;
}
#nav a:hover
{
background-color:#CD354E;
color:#FFFFFF;
border-bottom:1px solid #D96D7F;
padding-bottom:4px;
margin:0px;
}
#nav ul
{
background-color:#D96D7F;
}