Use 1em margin for list-style:inside items

third_party/WebKit/LayoutTests/fast/events/onclick-list-marker.html

 <script>
 var clicks = 0;
 var console = document.getElementById('console');
 var x, y;
 
 function log(message) {
     var console = document.getElementById('console');
     var text = document.createTextNode(message);
     console.appendChild(text);
     console.appendChild(document.createElement("br"));
@@ skipping 19 matching lines @@
     var ul = document.getElementById("ul");
     var li = document.getElementById("li");
     var span = document.getElementById("span");
     
     y = li.offsetTop + li.offsetHeight / 2;
 
     li.style.listStylePosition = "inside";
     
     // WebCore renders an inside list marker right up against the left edge of the bounding box of the list item.
     // This x position should put us over the list marker 
-    x = li.offsetLeft + 10;
+    x = li.offsetLeft + 40;
 
     // Set the left margin of the span so that the text inside it overlaps the list marker.  Clicking on a spot over
     // the list marker should cause the following onclick fire order: span, li, ul
     span.style.marginLeft = -100;
     log("The onclick fire order should be: span, li, ul");
     eventSender.mouseMoveTo(x, y);
     eventSender.mouseDown();
     eventSender.mouseUp();
 
     // Set the left margin of the span so that the text inside it overlaps the list marker.  Clicking on a spot over
@@ skipping 46 matching lines @@
 <li id="li" onclick="clickHandler('li');"><span id="span" onclick="clickHandler('span')">text</span></li>
 </ul>
 
 <p>This is a testcase for hit testing over list markers.  It uses the eventSender to do mouse clicks and programmatically adjusts the left margin of the span inside the list item and the list-style-position: of the list item.</p>
 
 <p id="console"></p>
 
 <script>
 runTest();
 </script>