Suche-Feld im integriertem Text

Hallo zusammen,
ich versuche mich gerade an das Template "Arjuna X" reinzuarbeiten. Hierbei möchte ich für mein Design nur das "Suchen-Feld" übernehmen. Hier steht ja schon von vorneherein drin: "Suche hier..."
Ich schaffe es auch soweit, dass dies bei mir angezeigt wird. Nur wenn ich drauf klicke, sollte dieser Text verschwinden und wenn ich wieder außerhalb klicke wieder erscheinen. Mein Code sieht zurzeit so aus:

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Das CSS dazu:
.submit {
background-image: url(blog/submitbutton.jpg);
background-repeat: no-repeat;
border: none;
width: 30px;
height: 20px;
float: right;
}

.submit:hover, .submit:active {
background-image: url(blog/submitbutton.jpg);
background-repeat: no-repeat;
background-position: 0-20px;
width: 30px;
height: 20px;
cursor: pointer;
}


#sidebar .searchQuery {
display:block;
float:left;
padding-left: 30px;
width:100px;
height:18px;
font-size:10px;
border: none;
color:#333;
background:none;
}
#sidebar .searchQueryIA {
color:#888b8d;
font-style:italic;
}

#searchbox {
border-color: green;
border-width: 1px;
border-style: solid;
width: 150px;
height: 20px;
margin: 0;
padding: 0;
}

Hat mir vielleicht jemand nen Tipp, wo hier der Hund begraben liegt???
Die Suche funktioniert ja soweit...aber der Text paßt noch nicht:cry:
Danke schon mal für die Hilfe

cheers Sveni

 

Vielen Dank für die superschnelle Hilfe....hat geklappt...nur wann erscheint der Text wieder?
Nur merkwürdig, dass dies nicht bei dem original Template integriert war


cheers Sveni

Edit: Daaaanke...)