Code:
<ul>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
      </ul>

the css:
Code:
ul {
    line-height:28px;
}

ul li a {
    padding-left:20px;
    color:#2e2e2e;
    font-size:14px;
    text-shadow:#FFF 1px 1px;
}

ul li a span {
    float:right;
}
why the date part can't locate to the right side and the same line with the test one text under IE7,6? but ok under firefox. how to correct it. thank you