对css和纯粹的Java/J2EE开发人员了解不多，但是有些无法解决的css 困惑却使我无法解决

我正在使用带有一些Jquery灯箱效果的表单，该表单div带有id和class

<div id="contact-container"
     class="myclass"
     style="z-index: 1002; height: 386px; width: 450px; position: fixed; left: 406.5px; top: 15%; ">

在我的css文件中，我看到了以下条目

#contact-container {
    font: 16px/22px 'Trebuchet MS', Verdana, Arial;
    text-align:left;
    width:450px;
}

但是，当此表单显示为jquery弹出窗口时，它会在Mozilla中正确显示，但在Google
chrome和IE上，该框不能像部分表单那样正常显示，而是作为滚动条显示。

当我通过萤火虫（第一次使用:)看到它时，它向我显示了类似

<div id="contact-container"
     class="myclass" 
     style="position: fixed; z-index: 1002; height: 67px; width: 450px; left: 406.5px; top: 15%;">

并且对于相同的设置，它对于IE和Mozilla来说并不是正确的，因此在进行了多次Goggling之后，我做了以下更改 css

#contact-container {
    font: 16px/22px 'Trebuchet MS', Verdana, Arial;
    text-align:left;
    width:450px;
    height:380px !important;
}

我将高度固定为 height:380px !important;

虽然这解决了我的问题，但是对CSS一无所知，但我不确定这是否是正确的方法，因为我搜索了高度，但未在任何地方定义它。

请指出我是否采用了错误的方法