Probleme: Verständnisfrage zu Listen-Blöcke

Beitrag lesen

Sorry wenn ich etwas schwer von Begriff bin.
Aber ich verstehe einfach nicht, warum er im unten genannten Beispiel das inline nicht darstellt, stattdessen sich wie display:block verhält und immer wenn ich ein <div> innerhalb von <li> verwende, eine neue Zeile beginnt.

  
<ul style="list-style:none;padding:0;margin:0">  
 <li style="display:inline;background-color:yellow;background-color:red">  
  <div>Hallo</div>  
 </li>  
 <li style="display:inline;background-color:yellow;background-color:red">  
  <div>hallo2</div>  
 </li>  
</ul>  

anstatt nebeneinander, werden die blöden div's untereinander dargestellt.