我正在使用一个具有Jquery灯箱效果的表单,它具有id和class的div

<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上,该框没有正确地出现,只能作为滚动条的一部分.

当我通过firebug(第一次使用:)看到它)显示我的东西

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

对于IE和Mozilla来说,对于相同的设置来说,这是不正确的,所以在大量的Goggling之后,我做了以下更改

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

我按高度固定高度：380px！important;

虽然这解决了我的问题,但不知道CSS我不知道这是否是正确的方法,我搜索高度,但没有在任何地方定义.

请建议我采取了错误的做法