Textbox missalign

[darkblade25]

I am trying to add a module for vbadvance that consist of a search box.
Here is the code

PHP Code:

<div id="somethingsearch">
<input type="text" id="nb" onfocus="this.value=''" value="Search for something...">
<input type="button" id="somethingsearchbutton" value="Search">

<div id="somethingsearch2">
<input type="radio" name="group" value="Title" checked> Title 
<input type="radio" name="group" value="Genre" > Genre 
<input type="radio" name="group" value="Author"> Author
</div>
</div>
<br/> 


and my css is

div#somethingsearch{
width:618px;
background-color:#CCC;
height:100px;
vertical-align: bottom;
background: url("http://www.rootmanga.com/Rootmanga/gradients/gradient.jpeg");
padding-bottom:2px;
border-bottom: 1px solid #CCCCCC;
}
div#somethingsearch2{
margin-left:125px;
font-size:14;
font-weight:bolder;
}

input#nb{
font-size:12;
font-weight:bolder;
border:1px solid #000000;
height:30px;
width:300px;
padding: 7px 5px 5px 5px;
margin-top:30px;
margin-left:125px;
} 
input#somethingsearchbutton{
font-size:12;
font-weight:bolder;
border:1px solid #000000;
height:30px;
width:70px;
padding: 7px 5px 5px 5px;
margin-top:30px;
position: absolute;
}

For some reason my textbox is larger than my button, height-wise even though they are both heights are 30 px. I tried this outside of VB and it works just fine. It breaks when I try to put it into the VB template. Does anyone have any ideas?