Mam taki kod:

[HTML] pobierz, plaintext 
<div id="latest">
	<h2>Nazwa</h2>
		<div class="stor">
 
<div class='top' style='width:400px; overflow:hidden;'>
                         <div class='p'>
			  <ul>
			  <li><span>1.</span></li>
			  <li><a title='' href=''>sadasd</a></li>
			  </ul>
                          </div>
 
                          <div class='p'>
                          <ul>
			  <li><span>2.</span></li>
			  <li><a title='' href=''>fsdfsdf</a></li>
			  </ul>
                          </div>
 
			  </div>
                         </div>
			</div>
 
[HTML] pobierz, plaintext 

Problem jest z elementami listy. Jeśli tekst linka jest dłuższy niż szerokość diva, treść powinna zostać ukryta (overflow:hidden)
Niestety tak się nie dzieje i dłuższy tekst jest przełamywany do nowej linii.

Dlaczego overflow:hidden nie działa ?
Próbowałem dodawać tą dyrektywę do innych divów, ale też nic to nie zmienia :/

Dlaczego div.stor nie nadasz takich samego atrybutu stylu jak dziecku ?

A to dlaczego ?
Chcę, żeby był inaczej formatowany, ale nawet jak to zrobie to i tak nic nie zmienia.

http://www.w3schools.com/cssref/pr_text_white-space.asp

Niby działa ten sposób, ale znowu jak mam listę:

[HTML] pobierz, plaintext 
1.sdasdasdasdadsasdaddasdasdasd
2.dsfsadsdfsdfsdf
3.dfsdfsdfs
[HTML] pobierz, plaintext 

To pierwszy tekst (za długi) co prawda jest w jednej linii (nie przełamuje się) ale jest obniżony w stosunku do wypunktowania.
Wygląda to tak:

[HTML] pobierz, plaintext 
1.
sdasdasdasdadsasdaddasdasdasd
2.dsfsadsdfsdfsdf
3.dfsdfsdfs
[HTML] pobierz, plaintext 

Czyli dalej nie jest tak jak trzeba.