Elements Over Each Other

[Joe34]

HTML...

<div class="title">
                <h2>Texytyuyft</h2>
            </div>

CSS...

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

[hericles]

Hi,
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.

[Joe34]

Sorry, fixed.