<script type="text/javascript">
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="position:relative;width:100px; height:25px;"><input style="width:100px; height:25px;" type="text" /><a href="#"><div style=" position:absolute; right:5px; top:5px; width:16px; height:16px; background:transparent url(http://img.baidu.com/img/iknow/icons.gif) no-repeat scroll 0 -16px; overflow:hidden;"></div></a></div>
</body>
</html>
这个是两个层,还有另外一个方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
form{font-size:12px;background:#fff;}
form span{border:1px solid #ccc;display:block;width:200px;height:22px;}
form span input{border:0;background:none;width:170px;}
form span a img{border:1px solid #ccc;width:20px;height:16px;margin:2px 0 0 0;}
form span a:hover img{border:1px solid #666;}
</style>
</head>
<body>
<div>
<form action="" method="get">
<span><input name="" type="text" /><a href=""><img src="http://bbs.blueidea.com/images/default/logo.gif" /></a></span>
</form>
</div>
</body>
</html>