<div class="title">


    position: absolute;
    height: 14%;
    width: 65%;
    left: 5%;
    top: 5%;
    background-color: #E8E8E8;
    z-index: 119;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

.title h2
    position: absolute;
    color: #000000;
    z-index: 1200;

For some reason the text keeps going under the background. How can I bring the text above the background #E8E8E8? I tried using z-index, but it didn't work.

What browser are you seeing this in? I just copied this code and tried it in IE, FF and Chrome and it looked OK in all of them.