Выпадающее меню.

[NeuroFighter]

Всем добрый день. Прошу помочь. У меня проблема с вёрсткой выпадающего меню.

Код HTML:

<div class="theadmenu">

<ul id="thmenu" class="reset">

<li>

<a href="/" title="Главная"><strong>Главная</strong></a>

</li>

<li>

<a href="/info.html" title="О сайте"><strong>О сайте</strong></a> </li>

<li>

<a href="/abuse.html" title="Связь"><strong>Связь</strong></a>

</li>

<li>

<a href="/#"><strong>Важно</strong></a>

<ul>

<li><a href="#">Помощь</a></li>

<li><a href="#">Помощь</a></li>

<li><a href="#">Помощь</a></li>

<li><a href="#">Помощь</a></li>

</ul>

</li>

<li>

<a href="/#"><strong>Сайт</strong></a>

</li>

<li>

<a href="/#"><strong>Сайт</strong></a>

</li>

<li>

<a href="/#"><strong>Сайт</strong></a>

</li>

</ul>

<div class="rightrss">

<div><a href="/rss.xml">Подписаться RSS</a></div>

</div>

<div class="clear"></div>

</div>

Код CSS:

.theadmenu {

float: left;

background: url("../img/topmenu.png") no-repeat;

height: 45px;

width: 100%;

}

.theadmenu ul#thmenu {

float: left;

margin-left: 16px;

background: url("../img/thmenu.png") no-repeat 0 -90px;

height: 45px;

padding-left: 2px;

position:relative;

}

.theadmenu ul#thmenu li {

float: left;

height: 45px;

position:relative;

display:block;

}

.theadmenu ul#thmenu li a, .theadmenu ul#thmenu li a strong {

display:block;

float: left;

height: 45px;

line-height: 45px;

cursor: pointer;

text-decoration:none;

}

.theadmenu ul#thmenu li a {

color: #fff;

}

.theadmenu ul#thmenu li a strong {

padding: 0 14px 0 14px;

background: url("../img/thmenu.png") no-repeat 100% -45px;

}

.theadmenu ul#thmenu li a:hover {

color: #ffb20c;

background: #2B2B2B url("../img/thmenu.png") no-repeat 100% 0;

}

.theadmenu ul#thmenu li a:hover strong {

background: url("../img/thmenu.png") no-repeat 100% -135px;

}

/*my*/

.theadmenu ul#thmenu ul {

list-style:none;

position:absolute;

left:-9999px;

-webkit-transition:0.25s linear opacity;

}

.theadmenu ul#thmenu ul li {

float:none;

}

.theadmenu ul#thmenu ul a {

white-space:nowrap;

display:block;

}

.theadmenu ul#thmenu li:hover ul {

left:0;

}

.theadmenu ul#thmenu li:hover ul li a:hover {

background:#333;

text-decoration:underline;

}

.rightrss {

height: 45px;

}

#cu3er-container {

margin-top:10px;

margin-left:275px;

}

.rightrss div {

padding-right: 12px;

overflow: hidden;

}

.rightrss div a {

float: right;

margin-top: 13px;

color: #fff;

text-decoration: none !important;

font-size: 11px;

background: url("../img/rss.png") no-repeat 100% 0;

padding-right: 23px;

height: 21px;

line-height: 20px;

}

.rightrss div a:hover {

opacity: 0.8;

filter: alpha(opacity=80);

}

В итоге меню при выпадании своим первым пунктом налазиет на основное меню.

Edited June 23, 2011 by NeuroFighter

[Bonzash]

Как должно быть, как сейчас есть.

Скрины побольше или саму верстку линк.