I’m beginning with ModX and have a question about the menu, seeing in IE 6. I know there must be a css-mistake somewhere, but I don’t know where. I changed allready almost every piece of my own creation css-file, but the mistake is still there.
My site is:
http://www.multi-media-sprachkurs.de; if you klick on Hauptsprachen then the submenu will show. If you then just only move the mouse between Englisch and Hauptmenü, then the margin between these two Items will change, and I don’t know why and is driving me crazy.
Here is the css-code for this - hauptmenu (like Hauptsprachen, AGB...) and submenu (Englisch, Spanisch...)
/***** Navigation *****/
#right{
width:170px;
float: left;
padding-left: 20px;
padding-top: 30px;
}
/***** Menu *****/
#hauptmenu {
list-style:none;
text-align:left;
height: 100%;
border: 2px solid #AE9541;
background: #C8E190;
}
#hauptmenu li.here{
font-weight:bold;
padding:4px;
margin:2px 6px;
border:1px solid #ffffff;
color:#8d1544;
background: #ffffff;
}
#hauptmenu li a{
height: 1px;
display: block;
padding: 4px;
margin: 2px 6px;
color: #000000;
text-decoration:none;
border: 1px solid #FFFFFF;
background: #ffffff;
}
#hauptmenu li a:hover{
padding: 4px;
margin: 2px 6px;
text-decoration: none;
font-weight:bold;
color:#8d1544;
background: #ffffff;
border: 1px solid #FFFFFF;
}
#submenu {
list-style:none;
text-align:left;
padding:0 0;
margin:0 0 0 10px;
height: 100%;
background: #C8E190;
}
#submenu li.here{
font-weight:bold;
padding:4px;
margin:2px 6px;
border:1px solid #ffffff;
color:#8d1544;
background: #ffffff;
}
#submenu li a{
height:1%;
padding: 4px;
margin: 2px 6px;
display: block;
color: #000000;
text-decoration:none;
border: 1px solid #ffffff;
background: #ffffff;
}
#submenu li a:hover{
padding: 4px;
margin: 2px 6px;
text-decoration: none;
font-weight:bold;
color:#8d1544;
background: #ffffff;
border: 1px solid #FFFFFF;
}
Thanks in advance
