css – IE7浮动正确的问题

Html =>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
</head>
<body>
  <div style='border: 1px solid red; width: 100px;'>
    <a href="#">foo</a>
    <a href="#"style="border-color: blue; float: right;">bar</a>                
  </div>
something
</body>
</html>

我有IE7的问题(IE6支持不需要)

在IE7呈现的html看起来像这样=>

我需要它看起来像这样(chrome / ie8目前工作)=>

我应该改变什么？

css – IE7浮动正确的问题

相关文章