关于CSS 浏览器兼容的两个问题

 今天用我的本儿本儿看我的网站的时候发现排版比较乱，所以决定改一下。但是我的网站基本上是基于div+css写的，那个时候机器上只有IE6 所以基本上只有IE6浏览的时候是正常的。

      大概是去年的时候，我在家里的机器上装了一个FF，然后针对FF做了一些修改。现在又要针对IE7做改动了，不知什么时候还要针对IE8做改动，我相信IE8很快就会出来，现在好像已经有英文的测试版本了。这个我没有见过。

       基本上我遇到的问题就是IDV高度适应内容和IDV高度居中的问题。去百度找了一下资料，试了几种方法，感觉用!important 结合min-height 的办法是最好的。其他的方法让我感觉到怪异和不舒服。于是先试一下这个方法。

        大致上代码是这样的：
       div#layout {
           height:auto !important; /*针对非IE 6 高度auto*/
           min-height:100px;         /*针对IE7的*/
       }
当然了IE6 默认会自动适应这个不用管了。

        还有一个问题就是垂直居中的问题，利用了IE6 IE7的几个特性，如：!important ,*
        代码如下
        div#HL{
             vertical-align:middle;             /*用于IE7居中但不能有padding,对IE6和FF不起作用*/
            *padding:0px !important;       /*这句IE7执行 IE6也会执行 FF不执行*/
            /*我整个div高度是120，中间有个图片高度60 所以上下padding为 30px*/
          padding:30px 0;                      /*IE6和FF执行*/
       }