body {
  height: 100%;
/*  height: 150%; */
}
 ul,li{border: 1px solid darkblue;margin-left: 0px;padding-left: 1px;padding-right: 1px;background-color: ghostwhite}
h3 {
font-size: 80%;}

 /*body以下の要素がabsolute、height無指定の時,bodyの高さ0。
IE6では、body:height100%とすると、ビューポートの100%を指す。absoluteなdivなどはbodyの高さを参照している。

Operaはabsoluteのdivはbodyの高さを参照して決めている。

IE5ではもともとbodyがビューポートの100%の高さになっていて、bodyのheightの指定は無視。

Mozillaは、もともとabsoluteの要素は、heightを%指定するとビューポートを参照して高さを決めるので、bodyのheight:100%指定は要らない

よって、bodyのheightを100%としたときだけ、ほぼ同じようにレンダリング可能。
*/

.type1{
background-color: darkblue;width: 100%;}

div {border: none;}
.test { display: none;}
.test2 { position: relative; height: 0.1em;}
#col-2 {
  color: black;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 100%;
padding-left: 6px;
padding-right: 6px;
padding-top: 111px;
 
/*  height: 50%;*/
/*  height: 150%; */
/*  height: 30em; */
/*top: 14%; height: 84%;*/
}
#col-1 {
  position: absolute;
  left: 179px;
  top: 0;
  right: 0;
  padding-left: 12px;
 padding-top: 110px;
background: white;
/*top: 14%; height: 84%;*/
}
#col-3 {position: absolute;
top: 0;
left: 0;
z-index: 10;
background: white;
color: white;
padding-top: 30px;
padding-bottom: 0px;
margin-left: 175px;
z-index: 20;
}

#col-4 {position: absolute;
top: 0;
left: 0;
background: white;
color: white;
width: 100%;
z-index: 40;
}
#col-5 {position: absolute;
top: 96px;
left: 0;
background: lightsteelblue;
color: white;
link: white;
visited: white;
width: 100%;
z-index: 10;}
#col-6 {display: none;}