overlay div-chrome / IE中的问题

Question

我在本网站http://emprego.herobo.com/site/login/emprego.php

中遇到问题

如果你在firefox中打开它，一切运行良好，图像中叠加div的位置是完美的，但在chrome和IE中，结果是不同的。

显示了必须隐藏的div的一部分（其中有LucianaValença的名字）。

可能的原因是什么？

感谢

FF4中的示例

Answer 1

也许尝试在文本项中添加一些line-height。经过快速测试后，它修复了标题，然后再进行一些调整，你应该能够正确地理解“描述”。

此外，您可能希望为文本提供更多结构，这将有助于样式控制。下面是一个未经测试的粗略示例。

HTML：

<div class="capty-caption">
    <div id="content-target1">
        <h3>Luciana Valença</h3>
        <p>Designer, Artista Visual e Ilustradora . Tem 35 anos e mora no R.Janeiro.</p>
    </div>
</div>

CSS：

.capty-caption {
   height: "managed by js?"
}

.capty-caption h3 { 
   font: bold 15px verdana;  
   line-height: 20px;    
   margin: 0px; 
}

.capty-caption p {  
   line-height: 14px;    
   margin: 0px; 
}

Answer 2

尝试使用padding-top: 30px;代替margin-top: 30px;

这适用于#contactos元素