css - li tag, IE7 and text in one line (row) -

i have text in <li> tags, , show text in 1 line.

with firefox good, ie7, no. in ie7 must give <li> elements width. text can long or short. no me: width 50px;

#menu_all li{     float:left;     display: block-inline;     padding:0;     margin-left: 5px; } <div id="menu_all">     <ul>         <li><span class="text">text</span></li>         <li><span class="text">text2</span></li>         <li><span class="text">text2 text text</span></li>     </ul> </div> 

how make <li> menu show in ie7 on 1 line?

thanks

looks error in css. it's display: inline-block; not display: block-inline;.

revised code:

#menu_all li {     float: left;     display: inline-block;     padding: 0;     margin-left: 5px; }  <div id="menu_all">     <ul>         <li><span class="text">text</span></li>         <li><span class="text">text2</span></li>         <li><span class="text">text2 text text</span></li>     </ul> </div>