Obviously I'm not doing this right. I'm trying to get my logo ontop of my header which is .head. How would I go about doing this? When I do it with the way provided below, my image pops above my header and not on it.

**Markup**

```
<img src="\logo.png" width="96" height="82">
<div class="head"></div>

```

**CSS**

```
.head {background-image:url('header_bg.png'); top repeat-x; height: 110px;} 

body {padding:0; margin:0;}

```