WordPress Francophone

Bonjour,

Ma configuration WP actuelle Kapsteur.com
- Version de WordPress : 2.5.1
- Thème utilisé : Oceanbeach
- Plugins en place : pas mal,mais aucun n'est responsable
- Nom de l'hebergeur : 1and1
- Adresse du site : kapsteur.com

Problème(s) rencontré(s) :
J'ai rendu mon header cliquable grâce a cette méthode :

<div id="header" onclick="location.href='http://www.kapsteur.com/';" style="cursor: pointer;">

Mais le problème c'est que mon champ de recherche est devenu inutilisable, en effet des que l'on clique dessus pour mettre du texte, ma page recharge.
Je pense que cela viens du faite que le champ de recherche ce situe dans une partie du header.
Voici la partie du CSS qui est concerné:

div#page{
    width:980px;
}

/*header*/
div#page #header{
        width:100%;
    height:166px;
}

div#header #header_top{
    width:100%;
    height:0px;
}

div#header #header_top #header_top_left{
    width:70%;
    float:left;
    text-align:left;
}

div#header #header_top #header_top_left #header_title{
    font-size:43px;

    top:20px;
    left:30px;
}

div#header #header_top #header_top_right{
    width:30%;
    float:left;
    text-align:left;
}

div#header #header_top #header_top_right #header_searc_box{
        position:relative;
    top:130px;
    left:805px;
    /*background:url(images/search_bg.png) no-repeat top;*/
    width:281px;
    height:42px;
}

div#header #header_top #header_top_right #header_searc_box #header_searc_box_data{
    padding-left:0px;
    padding-top:0px;
    color:#737373;
    font-size:13px;
}

div#header #header_end{
    width:974px;
    height:160px;
    background:url(images/headerkapsteur2.jpg) no-repeat top center;
}

div#header #header_text li{
    display:inline;
}

Quelle parti dois-je modifier pour que mon header soit cliquable et qeu mon champ de recherche fonctionne ?
Merci