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:

<!--Definition der Suche-->


<h4>Sidebar</h2>
<div id="searchbox">
    <form method="get" action="<?php bloginfo('url'); ?>/">
        <div id="searchfield">
            <input type="text" class="searchQuery searchQueryIA" id="searchQuery" value="<?php _e('Suche hier...', ''); ?>" name="s" />
        </div><!--ende searchfield-->
            <input type="submit" class="submit" value="<?php _e('', ''); ?>" />
    </form>
</div><!--ende searchbox-->

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:-D...nur wann erscheint der Text wieder?
Nur merkwürdig, dass dies nicht bei dem original Template integriert war:confused:

cheers Sveni

Edit: Daaaanke...:-))