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
HTML 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
Last edited by chrishirst; 10-12-2009 at 07:49 AM..
|