[HTML/CSS] Pisanie po obrazku Opcje

[Xca]

Moja strona jest na tyle 'mała', że postanowiłem ją zapisać jako 1 obrazek bez tekstu, dodatkowo na wszelkie buttony (są 3) ustawiłem kordy, jednak jak piszę to treść nie chce wejść na obrazek.

Kod

body {
background-color : #ebebeb;
margin : 0;
padding : 0;
font-family: Verdana, Tahoma, Arial;
color: #161616;
text-align : center;
font-size : 11px;
}

img {
border-style: solid;
border-width: 0px;
}

h1 {
text-indent: 5px;
}

#calosc {
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
width: 778px;
text-align: left;
margin-top: 10px;
z-index: 1;
}

#content {
width: 550px;
height: 5px;
z-index: 2;
}

Ustawiłem z-index; ale to się nie sprawdza. W Html wygląda to tak:

Kod

<div id="calosc">
        <img src='www.png'>
    <div id="content">
        tekst

Jak to zrobić poprawnie? Bo nie mam pomysłów.

[charlie-cherry]

Upewnij się wszystko się zgadza co do literki: zarówno kod, jak i nazwa pliku i jego lokacja (wszystko pisane małymi literami!).

Wklej też cały kod html, bo nie jestem pewien czy zakończyłeś div, o tak:

[HTML] pobierz, plaintext 
<div id="calosc">
    <div id="content">
        tekst
</div>
</div>
[HTML] pobierz, plaintext 

Skoro tłem jest duży obrazek, to w 'calosc' ustawiłbym też height równy wysokości obrazka.