# Background tricks 2

**URL:** <https://forum.kirupa.com/t/background-tricks-2/150813>\
**Category:** web dev\
**Created:** [June 10, 2005, 4:12pm UTC](https://forum.kirupa.com/t/background-tricks-2/150813 "2005-06-10T16:12:18Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Zimmermann](https://avatars.discourse-cdn.com/v4/letter/z/f19dbf/32.png) [@Zimmermann](https://forum.kirupa.com/u/Zimmermann)\
**Post date:** [June 10, 2005, 4:12pm UTC](https://forum.kirupa.com/t/background-tricks-2/150813/1 "2005-06-10T16:12:18Z")

</div>

Okay… I made a thread a couple of days ago: [http://www.kirupa.com/forum/showthread.php?t=99012](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/](http://www.hathathat.dk/hattemager/test2/)

The code for it:

```php

<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:
