No replies
lanegrita
Offline
Regular
Last seen: 11 years 28 weeks ago
Timezone: GMT+11
Joined: 2009-04-16
Posts: 11
Points: 8

Hi

I've been at this for 2 days now... cannot for the life of me get this to work! I hope someone is able to help me and get it right.

I have an ordered list which i'd like to position within a div which is within another div

eg.

div#wrapper
div#box1
div#ordered list

so basically the ordered list is within box1.

Here is what i have for the css so far for the li's

.box1 ol { margin:0px; padding:0px;  }
.box1 li {
	list-style-position: outside;
	margin:0px 0px 4px 18px;
	padding:0px;
	color:#000000; }

Now the problem,,,,,, its works perfect in FF but no in IE7 > haven't even bothered to check if it works on IE8 and IE6.

Now i've read somewhere that the problem lies with the *list-style-position:outside;* being outside the div container and not rendering like it should as it does in FireFox.

Soooo, considering i'm learning excuse if i don't explain myself properly... and would really like to find out why this is happening!


Hope someone can help me.

Much appreciated.

lanegrita