Question

After adding the karate image on this page it cuts off some chunks off the logo. I tried using z-index and negative margins, yet it didn’t solve the problem. I’d the logo to stay on top of the karate image. The CSS is as shown below:

#rack #header #logo {

    float: left;
    height: auto;
    width: auto;
    margin-bottom: -54px;
    z-index: -999;
}

Answer 1

z-index works only with position:relative or position:absolute.

Use this,

#rack #header #logo {    
    float: left;
    height: auto;
    width: auto;
    margin-bottom: -54px;
    z-index: 100;
    position: relative;
}