How to make all li to be sized the same.

I am creating horizontal list. When i use <ul>, it appears horizontally but the width and height become no more than the size of the text inside! This can be changed with padding but I need all <li> to be sized the same.

<s-tyle>
li
{
display: inline;
width:50px;
height:50px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
</style>

Add display:block; and float:left in the styling

li
{
display:block;
width:50px;
height:50px;
list-style-type: none;
padding: 0px;
margin: 0px;
float:left;
}