List item inline problem
I am trying to create a simple unordered list, and everything seems to be perfectly fine, until each list item contains a DIV, then list seems to ignore display:inline css line, and displays the divs in block style.

    CSS: 
    #wrapper ul li
    {
    display:inline;
}

     <div id="wrapper">     <ul><li>item1 </li><li>item2</li> <li>item3</li></ul> </div>

 

But if i make each list item to contain a DIV, then the list items are no longer displayed inline, 

    <div id="wrapper">     <ul><li> <div>item1</div> </li><li><div>item1</div></li> <li><div>item1</div></li></ul> </div>

how do i solve this issue.. 
thanks in advanced. if more detail is needed, i can provider more details
    
List item inline problem
===

I am trying to create a simple unordered list, and everything seems to be perfectly fine, until each list item contains a DIV, then list seems to ignore display:inline css line, and displays the divs in block style.

    CSS: 
    #wrapper ul li
    {
    display:inline;
}

     <div id="wrapper">     <ul><li>item1 </li><li>item2</li> <li>item3</li></ul> </div>

 

But if i make each list item to contain a DIV, then the list items are no longer displayed inline, 

    <div id="wrapper">     <ul><li> <div>item1</div> </li><li><div>item1</div></li> <li><div>item1</div></li></ul> </div>

how do i solve this issue.. 
thanks in advanced. if more detail is needed, i can provider more details
    