Пункты меню

[BituM]

Всем привет

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

http://www.imageup.ru/img251/2087130/2015-03-28-16-22-59-skrinshot-ehkrana.png

Подскажите как сделать чтоб меню нормально отображалось?

то есть чтоб третий пункт (ИСТОРИЯ КАК НАУКА) не оказывался бы

подпунктом второго *(ОТЕЧЕСТВЕННАЯ ИСТОРИЯ) как на скриншоте видно

#menu {    background:white;    float: left;    width: 270px;    height: 1700px;    border:1px solid #000;}.NAV ul {    display:block;    float:left;    list-style:none;    font-size: 18px;    color:black;    text-decoration:underline;    margin:0px;    padding:0px;}   

и

<div id="menu"><div class="NAV"><ul><li><a href="#">ГЛАВНАЯ</a></li><li><a href="#">ЗАРУБЕЖНАЯ ИСТОРИЯ</a><ul><li><a href="#">Источники </a></li><li><a href="#">Авторы и работы</a></li></ul></li><li><a href="#">ОТЕЧЕСТВЕННАЯ ИСТОРИЯ</a>

<ul>

<li><a href="#">Источники </a></li>

<li><a href="#">Авторы и работы</a></li>

</ul>

</li>

 

 

 

 

 

 

<

<li><a href="#">ИСТОРИЯ КАК НАУКА</a>

<ul>

<li><a href="#">Методология и философия</a></li>

<li><a href="#">Вспомогательные исторические дисциплины</a></li>

</ul>

</li>

</ul>

</div>

</div>

 

 

 

лучше уж так

https://yadi.sk/d/DsJFkUo6faW5f

[BituM]

Н-даа

помогли можно сказать и так

[DivMan]

Дай картинку, как должно выглядеть 

[TuTaHuKk]

Добавь к стилям !

 

.NAV ul li ul{

     display: block;

     width: 100%;

}

 

И будет у тебя счастья ) 

[forest_moss]

не догоняю, зачем там вообще float, но если без него никак, то можно, например, задать ul ширину, которая бы соответствовала ширине блока меню. (т.е. если ul помещен внутрь контейнера меню - что скорее всего - то ширину 100%))