表格单元不能在IE中工作，有什么想法？

Question

图像胜过千言万语，所以这里是一个：

上的图像是corect版本，我使用的显示：表单元格，以避免在IE7第二图像中会发生什么。你建议用什么来避免这种情况？

下面是使用的代码：

<div class="sharerDataContainer"> 

    <img src="http://tctechcrunch2011.files.wordpress.com/2011/09/perfectworld.png?w=145" width="90" alt="Andrew" /> 

    <div class="sharerData"> 

       <p class="sharerDataTitle"> 
           <a href="http://example.org" target="_blank"> 
               Website Title Here 
           </a> 
       </p> 


       <p class="sharerDataAddress"> 
           mbac.squarespace.com 
       </p> 


       <p class="sharerDataDescription"> 
         Congratulations to Rachel Edwards, who won a fabulous Bloom Tea Treatment Box Set (worth £20) from our friends at Running Cupcake 
       </p> 

    </div> 

    </div> 

UPDATE：

CSS代码：

.sharerDataContainer img { 
    float: left; 
} 

.sharerData { 
    background: none repeat scroll 0 0 transparent; 
    border: 0 solid #0077A5; 
    color: #808080; 
    display: table-cell; 
    font-size: 11px; 
    line-height: 15px; 
    padding: 0 10px !important; 
    position: relative; 
} 

.sharerData .sharerDataDescription { 
    margin-top: 5px; 
} 

Answer 1

IE7 does not support display: table-cell。

虽然在这种情况下它不是一个真正的问题，因为它不需要它。您可以replace it with overflow: hidden来达到同样的效果：http://jsfiddle.net/thirtydot/AmNeV/

Answer 2

简单的跨浏览器的解决方案是包裹图像中的另一个div ision标签：

<div class="imgContainer"> 
    <img src="" width="90" alt="Andrew" /> 
</div> 

，并让它浮动：

.sharerDataContainer .imgContainer { 
    float: left; 
} 

尝试一下！ http://jsfiddle.net/9U7e9/