Using List Images

[hex4]

I'm having a browser compatibility issue.

 

here's the css code:

li
{
list-style-image: url(images/arrow-right.gif);	
list-style-position: outside;
}

ol
{	
margin-bottom: 5px;
margin-top: 2px;
}

 

and this is the result: http://hex4.no-ip.info:8080/cheatbusters.et

 

If you see it as it is both in FF and IE, they are the same.

 

What i want to do is to move the lists aligned to the left.

 

All the lists are in a subtable class

 

table.subtable 
{
width: 100%;
border: thin solid;
background-color: #FFFFFF;
}

 

edit: I tried using margin-left in OL but the movement is different both in FF and IE