hello I still working on this problem I been changing the values of padding and margin with in this css script to get the aligning form the i am looking for with out success any comment or advice are very welcome. and also changing the values of the height and width and i still get bad result.


<style>
#searcharea {
height: auto;
width: auto;
margin:0 0 0 1px;
}
div#searcharea {padding-top:1px;}

#searcharea h3 {
font-size:.8em;
color:#546DAF;
}
#searcharea form{

background-image:url(images/formsearchpic.jpg);
width:260px;
height:31px;
background-repeat:no-repeat;

}
#searcharea form input:first-child {

width:175px;
height:18px;
margin:0px 0px 0px 6px;
font-size:14px;
}
#buttom {

font-size:.75em;

text-align:center;
color: #000000;
width:65px;
height:27px;
margin-top:2px;
}

</style>
</head>
<body>

<div id="searcharea">
<h3>SEARCH</h3>
<form name="search" action="search.htm">
<input name="search" size="30" />
<input name="submit" type="submit" value="Buscar" id="buttom"/>
</form>

</div>
</body>
</html>