title: css text-indent equivalent on the right side
body: <p>I have right-side aligned text and I want it to push it a little bit left like you do with text-indent bur on the right side. Any solution with that?
  I've been trying with margin, but IE9 doubles the margin on the first menu item (?).</p>
  
  <p>Heres the css:</p>
  
  <pre><code>h99
  { padding: 0px;
      font-family: lucida, sans-serif;
      font-size: 16px;
      font-weight: bold;
      line-height: 40px;
  }
  
  #menublock
  { width: 230px;
      height: auto;
      float: left;
      text-align:right;
      margin-right: 0px;
  }
  
  ul
  { list-style-type: none;
    margin:0;
    padding:0;
    overflow: hidden;
  }
  
  ul a:link, ul a:visited
  { display: block;
    width: 210px;
    background: transparent;
    text-align: right;
    text-transform: uppercase;
    text-decoration: none;
      height: 40px;
      color: #ffffff;
      padding: 0px;
      margin: 10px;
  }
  
  ul a:hover, .selected
  { background: #484848 !important;
    color: #ffffff !important;
  } 
  </code></pre>
  
  <p>The menu is a simply horizontal one.</p>