css - ie7 の影で下のコンテンツを非表示にする

Question

次の出力を表示したい：

次の行コードは、ie7 を除くすべてのブラウザーで完全に機能します。ie7 では次のようになります。

では、このコードの何が問題なのか教えてください。

<div id="parent" class="shadow">
<div style="margin: 10px 20px 30px 20px; min-height: 300px; word-wrap: break-word;
  Low cost enclosed temperature control; UL Class 2 low voltage sensor circuit with var...                  
</div>
<table id="seemore" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center">
        <a href="#" id="" title="See More">
          <span class="SeeMoreText">See More</span> </a>
       </td>
    </tr>
 </table>

＃親 {

float: right;
width: 250px;
display: inline-block;
background-color: #e3e3e3;
margin-top: 30px;
position: relative;
max-height: 420px;

}

＃続きを見る {

width: 100%;
height: 40px;
position: absolute;
z-index: 250;
*z-index:250;
bottom: -20px;
text-align: center;

}

Answer 1

overflow:visible;に追加#parent

#parent{
 float: right;
 width: 250px;
 display: inline-block;
 background-color: #e3e3e3;
 margin-top: 30px;
 position: relative;
 max-height: 420px;
 overflow:visible; /*<--*/
}

これがうまくいったかどうか教えてください。