only in ie browsers i am getting a completely different outcome when using unordered lists it works fine in all other browsers.

following is the code

<div id="list">

<ol>

<li>List item 1 Lorem ipsum dolor sit amet, consetetur sadi pscing sed diam Erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea  rebum. Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam </li>

<li>List item 1 Lorem ipsum dolor sit amet, consetetur sadi pscing sed diam Erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea  rebum. Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam </li>

<li>List item 1 Lorem ipsum dolor sit amet, consetetur sadi pscing sed diam Erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea  rebum. Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam </li>

</ol>

</div>

#list{
width: 500px;
margin: 50px 0 0 0;
}

#list ol
{
list-style-type: decimal;
list-style-position: outside;
width: 500px;
}

#list ol li
{
padding: 0 0 10px 0;
}

this file is available at
http://sudhakargolakaram.co.in/list.html

please advice how to get the same outcome in ie browsers as it appears in firefox, chrome, safari and opera

thanks

I suggest you read the following:
http://www.alistapart.com/articles/taminglists/

can you post a screenshot?

can you post a screenshot?

Or specify exactly what is happening in each browser.