Liste problème dans DIV Élément

Question

J'ai un élément div qui a ces attributs css:

HTML

<div class="messageContainer"></div> 

CSS

.messageContainer { 
    margin-left: 2px; 
    background-color: #F7F5F2; 
    width: 100%; 
    min-height: 50px; 
    border: solid 1px silver; 
    padding-left: 5px; 
    margin-top: 3px; 
} 

Lorsque vous mettez cette partie html à l'intérieur du div:

Please do the things respectively: 
<ol> 
    <li> 
     Create button control 
    </li> 
    <li> 
     Assign it to the main user 
    </li> 
    <li> 
     Let me know what happened 
    </li> 
</ol> 

Voici comment cela se voit sur la page: (S'il vous plaît regarder les chiffres)

Screen Shot http://i46.tinypic.com/2n7p1tc.png

La question est pourquoi ce qui se passe Pourquoi les chiffres apparaissent en dehors de la div? élément.

EDIT

J'utilisé:

.messageContainer ol 
{ 
    list-style-position:inside; 
    margin-left:5px; 
} 

qui marchait très bien, mais maintenant ce qui est arrivé:

alt text http://i48.tinypic.com/2dbvvhj.png

Answer 1

Essayez ceci dans votre CSS:

.messageContainer ol 
{ 
    list-style-position: inside; 
}