عدم دسترسی به زیرمنو

[forodo]

سلام
من با جی کوئری می گم که وقتی روی li رفت زیرمنوش باز بشه و از روی li که رفت کنار زیرمنوش بسته بشه.
تا اینجا مشکلی نیست. مشکل جایی هست که وقتی زیر منو باز می شه و می خوام برم روی گزینه های زیرمنو چون از روی li اصلی خارج می شم بسته میشه.
با toggle هم امتحان کردم و همین مشکل بود.

<ul id="MenuUL">
<a href="Main.aspx"><li>خانه</li></a>
<a id="ShowSubMenu" href="Main.aspx"><li>آموزش</li></a>
<ul class="SubMenu">
<a href="Main.aspx?Type=1"><li>#C</li></a>
<a href="Main.aspx?Type=2"><li>SQL Server</li></a>
<a href="Main.aspx?Type=3"><li>ASP. NET</li></a>
</ul>
<a href="Main.aspx"><li>انجام پروژه های شما</li></a>
</ul>
<script>
$(document).ready(function () {
$("#ShowSubMenu").hover(function () {
$(".SubMenu").slideDown(100);
}, function () {
$(".SubMenu").slideUp(100);
})
})
</script>

[tooka123]

سلام کدتو به شکل زیر تغییر بده


<ul id="MenuUL">
<li><a href="Main.aspx">خانه</a></li>
<li id="ShowSubMenu"><a href="Main.aspx">آموزش</a>
<ul class="SubMenu">
<li><a href="Main.aspx?Type=1">#C</a></li>
<li><a href="Main.aspx?Type=2">SQL Server</a></li>
<li><a href="Main.aspx?Type=3">ASP. NET</a></li>
</ul>
</li>
<li><a href="Main.aspx">انجام پروژه های شما</a></li>
</ul>

[forodo]

من از قصد li رو داخل تگ a قرار دادم که وقتی روی بیضی می رم و کلیک کردم عمل کلیک انجام بشه ولی الان تا روی نوشته نرم نمی تونم کلیک کنم.
و خیلی سریع باید برم روی زیرمنو. اگر یواش برم زیرمنو محو می شه.
http://8pic.ir/images/0lxe9mbn8a675gk31dsl.png

[tooka123]

واسه تگ a کد سی اس اس display:block,padding:10px بده و درست می شه و نیازی نیست a را بیرون بذاری چون استاندارد نیست

[forodo]

نمیشه.
تا می خام برم روی زیرمنو، زیرمنو محو میشه.