question about unordered list

sudhakararaog · Joined: 01 Oct 2009 Posts: 103

i am not getting the same output in ie 6 and 7 when using ordered list all other browsers are displaying the way i wanted.

my code is

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">

*{
margin: 0;
padding: 0;
}

body{
font: normal 12px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#wrapper{
width: 900px;
margin: 0 auto;
}

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

#list ol {
list-style-type: decimal;
list-style-position: outside;
padding: 0 0 0 10px;
margin: 0 0 0 0;
}

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

</style>
</head>

<body>

<div id="wrapper">

<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>

</div>
</body>
</html>

list-style-position: inside; works fine in all browsers however what i need is list-style-position: outside; which is not working in ie 6 and 7 what i have noticed is when i added
*{
margin: 0;
padding: 0;
}
list-style-position: outside; is not working in ie 6 and 7 and works fine in all other browsers

i need the global declaration to be in the css code and i want to achieve the effect of using list-style-position: outside; in ie 6 and 7. also due to the cms i use i cannot use an additional css file for ie and also i cannot write conditional comments so i have to write the code in 1 css file only to achieve the list-style-position: outside; for all browsers.

please advice.

thanks

sticks464 · Joined: 31 Dec 2006 Posts: 2627

Try replacing

sudhakararaog · Joined: 01 Oct 2009 Posts: 103

thanks for replying

i have tried that however there is no change in ie 6 and 7

sticks464 · Joined: 31 Dec 2006 Posts: 2627

You can leave in the