On mouse click, the page refreshes

[london-G]

Hi Guys,

I have the piece of code below and somehow when I click on the input to type some test, the page reloads(refresh).

  <div id="searchi">
<form id="search_box" action="search.php">
    <input id="search" type="text" placeholder="Search products...">
    <input id="submit" type="submit" value="Search">
</form>
</div>

My css is as follow:

#search
{ 
  width: 270px; 
  padding: 4px; 
  font: 100% arial, sans-serif;
  height:30px;
   background-color: #f8f8f8;

    border-radius: 35px;    
    border-width: 0px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;
  }

   #submit
{  background-color: #eaf8fc;
    background-image: linear-gradient(#fff, #d4e8ec);
    border-radius: 35px;    
    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;
  width: 50px; 
  padding: 4px; 
  font: 100% arial, sans-serif;}

  #search_box {
                margin-right: 150px;
               width:360px;
               height:40px;
               text-align:center;
                top: 25%;
    left: 35%;
    position: absolute;
     background-color:#f8f8f8;

    border-radius: 35px;    
    border-width: 1px;
    border-style: solid;
    border-color: #c4d9df #a4c3ca #83afb7;  
    overflow: hidden; /* Clear floats */    

}

[DaveAmour]

Any JavaScript in your page?

[london-G]

No, there isn't any Javascript.

[DaveAmour]

Can you post the entire page or is it online somewhere?

[london-G]

Ok, sorted!

My php include function was at teh wrong place.

[DaveAmour]

So how did that have the effect it was having?