Кнопка для выпадающего меню

[mephist]

Добрый день, уважаемые форумчане.

У меня в меню есть пункт с подпунктами, которые оформлены как выпадающее меню. Все работает замечательно, но корневой пункт "Направления" находиться в одной строчке, а кнопка раскрывающая его подпункты [+] в следующей. (принт-скрин во вложении)

Подскажите, пожалуйста, можно ли их совместить в одной строке?

<script type="text/javascript"> 
$(document).ready(function(){$('.sliEsq').click(function(){$(this).parent().children('.sliesQ').toggle('slow');return false;});}); 
</script> 
<div class="block">
<div class="blocktitle">
<!-- <bt> --><!--<s5184>-->Меню сайта<!--</s>--><!-- </bt> -->
</div>
<div class="blockcontent">
<div class="blockcontent_inside">
<!-- <bc> -->
<div id="uNMenuDiv1" class="uMenuV"><ul class="uMenuRoot">
<li><a href="/index/0-2"><span>Наш проект</span></a></li>
<li class="uWithSubmenu"><a class="uMenuItemA" href="/board" style="width: 70%;"><span>Направления</span></a>
<div align="right"> <input type="button" value="+" style="width: 12%;" title="Клик для скрытия" href="javascript://" class="sliEsq">    
<div class="sliesQ" style="display: none;" align="left"> 
<ul>
<li><a href="http://astrocrowd.ucoz.com/board/bolides/1"><span>Болиды</span></a></li>
<li><a href="http://astrocrowd.ucoz.com/board/12_satellites_of_the_planets/130"><span>Спутники планет</span></a></li></ul></li>
<li><a href="/faq"><span>FAQ (вопрос/ответ)</span></a></li>
<li><a href="/gb"><span>Гостевая книга</span></a></li></ul></div>
</div>
</div> 
<!-- </bc> -->

Пробовал сделать как 2 ячейки таблицы в 1 строке, но кнопка перестала работать.

[mirkul]

Вот:

...
<li class="uWithSubmenu"><div><a class="uMenuItemA" href="/board" style="width: 70%;"><span>Направления</span></a>
<input type="button" value="+" style="width: 12%;" title="Клик для скрытия" href="javascript://" class="sliEsq">   
...

В одну строчку

[mephist]

Большое спасибо. Как оказывается все просто.