title: IE CSS padding-left is only padding first line of text
body: <p>I am going through my style sheets in an attempt to make my CSS for IE friendly and I am running into an issue with my padding-left for some reason. It is only applying the padding to the first line of text in my 'span' tag. When the text runs to the next line it goes all the way to the left inside the 'span' element.</p>
  
  <p><em>(Can't show screenshot for NDA purposes)</em></p>
  
  <p>BROWSER: IE7</p>
  
  <p>CSS:</p>
  
  <pre><code>#rightContent .rightNav a,#rightContent .rightNav a:visited{
    color:black;
    display:block;
    width:92px;
    padding-right:12px;
    height:35px;
    background:url("../images/nav_off.png");
  }
  #rightContent .rightNav span{
    display:table-cell;
    vertical-align:middle;
    height:28px;
    padding-left:13px;
    font-size:9px;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;li&gt;
    &lt;a href=""&gt;
      &lt;span&gt;This text is too long.&lt;/span&gt;
    &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>