Search Box

reff: file:///home/Yoga/Back%20up/Beginning%20CSS%20examples/chapter%2010/bbc2.html
------------------------------------------------------------------------------------------------------------------
HTML Code:
------------------------------------------------------------------------------------------------------------------

=================================================
CSS code :

#searchfield {
background:transparent url(images/search.gif) no-repeat scroll -66px center;
border:0 none;
height:30px;
line-height:1.1;
margin-right:-4px;
padding:9px 2px 0 4px;
width:194px;
text-align:left;
outline:none;
}

#searchbutton {
margin:0;background:url(images/search.gif) no-repeat scroll 0 center;
border:medium none;
width:66px;
height:29px;
font-weight:normal;
vertical-align:bottom;
cursor:pointer;
font-size:1.5em;
font-family:sans-serif;
color:#FF0004;
padding-bottom:3px;
outline:none;
}