图例标记与表字段重叠

Question

我正在开发一个网站，我遇到了与表字段重叠的图例字段。我在http://www.daniweb.com/web-development/web-design/html-and-css/threads/351601上发布了代码。 我搜索谷歌这种错误但无法解决它。

Answer 1

从以下css选择器中删除position: absolute;

#registerForm legend {
    color: #999999;
    float: left;
    font-size: 1em;
    left: 1em;
    line-height: 1.3em;
    margin: 0;
    padding-top: 1.25em;
    position: absolute;
    width: 16%;
}

http://jsbin.com/ivoyi4

演示

Answer 2

删除位置后：绝对在Firefox中看起来更好但在safari中，单词被包装到下一行，即第一行中的“User”和表格上方第二行中的“information”。我想要的是将用户信息推送到表开始的左侧，但它在firefox中的行为很奇怪，位置为绝对值。