完美解决固定容器高度，文字内容一行或多行，文字上下居中，解决兼容性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> 多行文字实现垂直居中 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
      body { font-size:12px;font-family:tahoma;}
      div#wrap {
        display:table;
        border:1px solid #FF0099;
        background-color:#FFCCFF;
        760px;
        height:400px;
        *position:relative;
        overflow:hidden;
      }
      div#subwrap {
        vertical-align:middle;
        display:table-cell;
        *position:absolute;
        *top:50%;
      }
      div#content {
        *position:relative;
        *top:-50%;
      }
    </style>
</head>
<body>
    <div id="wrap">
      <div id="subwrap">
        <div id="content"><pre>现在我们要使这段文字垂直居中显示！
          div#wrap {
            border:1px solid #FF0099;
            background-color:#FFCCFF;
            760px;
            height:500px;
            position:relative;
          }
          div#subwrap {
            position:absolute;
            border:1px solid #000;
            top:50%;
          }
          div#content {
            border:1px solid #000;
            position:relative;
            top:-50%;
          }
        </pre></div>
      </div>
    </div>
</body>
</html>