Подменю показывается всегда слева, вне зависимости от родительской кнопки. - Joomla 2.5: Общие вопросы

ul.menu_mainmenu li{
position: relative;
display: inline;
margin-left: 50px;
margin-top: 0px;
padding-bottom: 12px;
}

ul.menu_mainmenu li ul {
display: none;
position: absolute;
margin-top: 10px;
margin-left: 0px;
z-index: 10000;
overflow: visible;
border: 1px solid #6b872a;background: -moz-linear-gradient(bottom right, #dbdcdc, #f4f5f5);background: -webkit-linear-gradient(bottom right, #dbdcdc, #f4f5f5);background: -o-linear-gradient(bottom right, #dbdcdc, #f4f5f5);background: linear-gradient(bottom right, #dbdcdc, #f4f5f5);
}

ul.menu_mainmenu li ul {
...
top:50px;
...
}

ul.menu_mainmenu li{
display: block;
float:left;
}

ul.menu_mainmenu li{
display:inline-block;
}

.menu_mainmenu a,
.menu_mainmenu span {white-space:nowrap;}

.menu_mainmenu a,
.menu_mainmenu span {display:block; float:left;}

ul.menu_mainmenu li {
clear:both;
}

body {
margin: 0 !important;
min-width: 966px;
width: 100%;
}
#wrapper_main {
width: 970px;
margin: auto;
}
div .wrapper {
width: 970px;
max-width: 1000px;
float: center;
}

.wrapper #sideleft, #maincolumn{
display: inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.wrapper #sideleft {
width: 22%;
min-width: 240px;
}
.wrapper #maincolumn {
width: 670px;
margin-left: 0px;
}
.wrapper #top {
width: 970px;
overflow: hidden;
clear: both;
float: left;
position: relative;
background: url(../images/menubar.png) no-repeat;
overflow: visible;

}
.wrapper #footer {
width: 970px;
clear: both;
background: url(../images/footer.png) no-repeat;
}

/* Header config */

#hleft, #hright {
display: inline;
min-width: 300px;
position: relative;
}

#hleft {
float: left;
}
#hright {
float:right
}
div#header {
background: url(../images/header_back_a.png) repeat-x;
}

/* Menu config */

ul.menu_mainmenu {

margin-left: 40px;
height: 36px;
margin-top: 8px;
}
ul.menu_mainmenu li{
clear:both;
float:left;
position: relative;
display:block;
margin-left: 50px;
margin-top: 0px;
padding-bottom: 12px;
}
ul.menu_mainmenu li.item-101{
margin-right: 0px;
}
ul.menu_mainmenu li a {
text-decoration: none;
color: #ffffff;
font-weight: bold;
}
ul.menu_mainmenu li a:active, ul.menu_mainmenu li  a:focus, ul.menu_mainmenu li  a:hover{
color: #613080;
}

ul.menu_mainmenu li ul {
white-space:nowrap;
display: none;
float: left;
position: absolute;
margin-top: 10px;
margin-left: 0px;
z-index: 10000;
overflow: visible;
border: 1px solid #6b872a;background: -moz-linear-gradient(bottom right, #dbdcdc, #f4f5f5);background: -webkit-linear-gradient(bottom right, #dbdcdc, #f4f5f5);background: -o-linear-gradient(bottom right, #dbdcdc, #f4f5f5);background: linear-gradient(bottom right, #dbdcdc, #f4f5f5);
}

ul.menu_mainmenu li:hover ul {
display: block;
background-color: #f4f5f5;
border-radius: 10px 1px;
-moz-box-shadow: -3px -1px 10px rgba(0,0,0,0.5); /* Для Firefox */-webkit-box-shadow: -3px -1px 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */box-shadow: -3px -1px 10px rgba(0,0,0,0.5); /* Параметры тени */
}
ul.menu_mainmenu li:hover ul  li{
display: block;
margin-left: -30px;
margin-right: 8px;
margin-top: 5px;
margin-bottom: 5px;
}

ul.menu_mainmenu li ul  li{
border: 1px black;
color: black;
display: block;
margin-left: 0px;padding-bottom: 8px;background: url(../images/li.png) no-repeat 0 3px;
}
ul.menu_mainmenu li ul  li a{
color: black;padding-left: 24px;
}ul.menu_mainmenu li ul  li.item-110{background: none;background: url(../images/dot.png) no-repeat 2px 5px;margin-top: -2px;margin-bottom: 2px;}

ul.menu_mainmenu li li{
clear:both;
}