# \[CSS\] Simple Positioning

**URL:** <https://forum.kirupa.com/t/css-simple-positioning/243721>\
**Category:** web dev\
**Created:** [November 9, 2007, 9:49pm UTC](https://forum.kirupa.com/t/css-simple-positioning/243721 "2007-11-09T21:49:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeoDreamer](https://avatars.discourse-cdn.com/v4/letter/n/ccd318/32.png) [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)\
**Post date:** [November 9, 2007, 9:49pm UTC](https://forum.kirupa.com/t/css-simple-positioning/243721/1 "2007-11-09T21:49:25Z")

</div>

I’m trying to make a DIV for a left side navigation. In Firefox, it looks like what I want. In Internet Explorer, it does not display the way I want. How do I fix this?

**CSS**

```auto

#left {
	background: url(interface/leftBG.gif);
	width: 173px;
	position: absolute;
	top: 50px;
	bottom: 20px;
}

```

**HTML**

```auto

<body>
<div id="left">
	left
</div>
</body>

```

**Firefox**  
 ![](http://forum.kirupa.com/uploads/kirupa/4124/e1246958680a9f12.gif)

**Internet Explorer**  
 ![](http://forum.kirupa.com/uploads/kirupa/4125/8cc2f3e2ac55a01f.gif)