列出DIV元素中的问题

Question

我有一个div元素，它具有以下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;
}

将此html部分放在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> 

这就是它在页面上的显示方式：（请查看数字）

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

所以问题是为什么会发生这种情况？为什么数字出现在div元素之外。

修改

我用过：

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

工作得很好，但现在发生了这件事：

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

Answer 1

在CSS中试试这个：

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