Okay… I made a thread a couple of days ago: http://www.kirupa.com/forum/showthread.php?t=99012
But I couldn’t make it work, so I asked one of my friends. He helped me making this: http://www.hathathat.dk/hattemager/test2/
The code for it:
<style type="text/css">
#box1{
position:absolute;
left:0px;
background-color:#FFFFFF;
width:50%;
height:100%; //this is what IE doesn't understand
z-index:2;}
#box2{
position:absolute;
color:#FFFFFF;
left:50%;
background-color:#00FF33;
width:4px;
height:100%; //this is what IE doesn't understand
z-index:3;}
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<div id="box1"></div>
<div id="box2"></div>
</body>
Problem is that it works perfectly fine in FF, but not in IE. In IE the “boxes” height = about 15px, but they should be 100%.
Any help is appreciated! :thumb:
