How to add a submit button to search?

[bxflow]

This is how my search bar looks:



You can search for whatever you want but to submit the search you must click the "enter" button on your keyboard, I want to add a Submit button/image right next to the search bar so users can click it instead of having to press "Enter"

I tried to add one but didnt see good results.


Here is the code to call the search bar on the header:

<div id="search">
            <form method="post" id="searchform" action="{$baseurl}/index.php" >
                <input type="hidden" name="menu" value="search" />
                <input id="s" class="rounded" type="text" name="query" />
                


            </form>
        </div>

here is the CSS:

/* The Search */


    
#search {
    background:url(images/search.png);
    width:283px;
    padding:5px 0px ;
    margin:10px 0px 0px 0px;
    height:50px;
    display:inline;
}
#search form {
    margin: -5px 0px 0px 300px;
    padding: 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search p {
    margin: 0;
    font-size: 85%;
}

#s {
    width:285px;
    margin:10px 0px 0px 0px;
    padding: 5px 5px;
    height:16px;
    border:none;
    font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    color:#333;
    border:1px solid #000;
    background:#F3F3F3;
    display:inline;
}
input#searchsubmit{

    padding: 3px 5px;
    display:inline;
    margin:0px 0px 0px 0px;
    height:26px;
    background:#133E68;
    color:#fff;
    border:none;
}

bxflow Reviewed by bxflow on 22nd Jan 2011. How to add a submit button to search? This is how my search bar looks: http://screensnapr.com/e/z5jC87.png You can search for whatever you want but to submit the search you must click the "enter" button on your keyboard, I want to add a Submit button/image right next to the search bar so users can click it instead of having to press "Enter" I tried to add one but didnt see good results. Here is the code to call the search bar on the header: Rating: 5