Подскажите по позиции меню созданного в SWMenu - Joomla 1.5: Вопросы по работе с меню

создал меню в SWMenu, но вот незадача - оно располагается с отступом сверху и слева.
родное меню этого шаблона было вровень с заголовком, собственно как влитое. подскажите где капнуть?

ссылка на сайт

Меня смущает этод код <div align="right"> при выводе модуля меню....

да это мои эксперименты. что право, что лево, что центр - изменений ноль. просто видимо остановил эксперимент на "riight"

вот мой CSS генерируемый во внешнем файле.
помогите пожалуйста.

.ddmx120{
border:0px solid #FFFFFF !important ;
}
.ddmx120 a.item1,
.ddmx120 a.item1:hover,
.ddmx120 a.item1-active,
.ddmx120 a.item1-active:hover {
 padding: 7px 7px 7px 7px  !important ;
 top: 0px !important ;
 left: 0px;
 font-size: 12px !important ;
 font-family: Verdana, Arial, Helvetica, sans-serif !important ;
 text-align: left !important ;
 font-weight: normal !important ;
 color: #000000 !important ;
 text-decoration: none !important ;
 display: block;
 white-space: nowrap;
 position: relative;
 height:20px;
 background-color: #E8E8E8 !important ;
}
.ddmx120 td.item11 {
 background-color: #E8E8E8 !important ;
 padding:0 !important ;
 border-top: 3px solid #FFFFFF !important ;
 border-left: 3px solid #FFFFFF !important ;
 border-right: 3px solid #FFFFFF !important ;
 border-bottom: 0 !important ;
 white-space: nowrap !important ;
 height:20px;
}
.ddmx120 td.item11-last {
 background-color: #E8E8E8 !important ;
 padding:0 !important ;
 border: 3px solid #FFFFFF !important ;
 white-space: nowrap;
 height:20px;
}
.ddmx120 td.item11-acton {
 padding:0 !important ;
 border-top: 3px solid #FFFFFF !important ;
 border-left: 3px solid #FFFFFF !important ;
 white-space: nowrap;
 border-right: 3px solid #FFFFFF !important ;
 background-color: #BABABA !important ;
}
.ddmx120 td.item11-acton-last:hover,
.ddmx120 td.item11-acton-last {
 border: 3px solid #FFFFFF !important ;
 background-color: #BABABA !important ;
}
.ddmx120 .item11:hover,
.ddmx120 .item11-acton:hover,
.ddmx120 .item11-last:hover,
.ddmx120 .item11-acton-last a.item1,
.ddmx120 .item11-acton a.item1,
.ddmx120 .item11-acton-last a:hover,
.ddmx120 .item11-acton a:hover,
.ddmx120 .item11 a:hover,
.ddmx120 .item11-last a:hover,
.ddmx120 a.item1-active,
.ddmx120 a.item1-active:hover {
 color: #FFFFFF !important ;
 background-color: #BABABA !important ;
}
.ddmx120 a.item2,
.ddmx120 a.item2:hover,
.ddmx120 a.item2-active,
.ddmx120 a.item2-active:hover {
 padding: 7px 7px 7px 7px  !important ;
 font-size: 12px !important ;
 font-family: Verdana, Arial, Helvetica, sans-serif !important ;
 text-align: left !important ;
 font-weight: normal !important ;
 text-decoration: none !important ;
 display: block;
 white-space: nowrap;
 height:20px;
 opacity:1;
}
.ddmx120 a.item2 {
 background-color: #E8E8E8 !important ;
 color: #000000 !important ;
 border-top: 3px solid #FFFFFF !important ;
 border-left: 3px solid #FFFFFF !important ;
 border-right: 3px solid #FFFFFF !important ;
}
.ddmx120 a.item2-last {
 background-color: #E8E8E8 !important ;
 color: #000000 !important ;
 border-bottom: 3px solid #FFFFFF !important ;
 z-index:500;
}
.ddmx120 a.item2:hover,
.ddmx120 a.item2-active,
.ddmx120 a.item2-active:hover {
 background-color: #BABABA !important ;
 color: #FFFFFF !important ;
 border-top: 3px solid #FFFFFF !important ;
 border-left: 3px solid #FFFFFF !important ;
 border-right: 3px solid #FFFFFF !important ;
}
.ddmx120 .section {
 border: 0px solid #FFFFFF !important ;
 position: absolute;
 visibility: hidden;
 display: block;
 z-index: -1;
}
.ddmx120 .subsection a{
 white-space:normal !important;
}
.ddmx120frame {
 border: 0px solid #FFFFFF !important ;
}
.ddmx120 .item11-acton-last .item1 img.seq2,
.ddmx120 .item11-acton .item1 img.seq2,
.ddmx120 img.seq1
{
 display:    inline;
}
.ddmx120 a.item1:hover img.seq2,
.ddmx120 a.item1-active img.seq2,
.ddmx120 a.item1-active:hover img.seq2,
.ddmx120 a.item2:hover img.seq2,
.ddmx120 a.item2-active img.seq2,
.ddmx120 a.item2-active:hover img.seq2
{
 display:    inline;
}
.ddmx120 img.seq2,
.ddmx120 .item11-acton-last .item1 img.seq1,
.ddmx120 .item11-acton .item1 img.seq1,
.ddmx120 a.item2:hover img.seq1,
.ddmx120 a.item2-active img.seq1,
.ddmx120 a.item2-active:hover img.seq1,
.ddmx120 a.item1:hover img.seq1,
.ddmx120 a.item1-active img.seq1,
.ddmx120 a.item1-active:hover img.seq1
{
 display:   none;
}
* HTML .ddmx120 td { position: relative; } /* ie 5.0 fix */

в CSS вроди все норма...меню выводится табличным способом...можна поменять в настройках, чтобы элементы выводились как блог?

поставил как блог. ничего не изменилось. остальные модули выводятся как надо в этой позиции.
что ещё может быть?

а в предварительном просмотре меню все нормально?

так в предварительном просмотре менюшка отдельно показывается от сайта.

подскажите пожалуйста как исправить.

ПАРНИ, потратьте пожалуйста немножко своего времени, Вам же это ничего не стоит! А мне очень нужно, прошу!