Aqui les pongo todo el codigo del header:
http://oi44.tinypic.com/1zlahpu.jpg
Aqui el css:
Código:
.wrapper {
width: 980px;
margin: 0 auto;
}
/* LOGO */
#top-header{
background-image: url("dark/header.jpg");
background-repeat: no-repeat;
}
#logo {
padding-left:0;
width:auto;
background-image: url("dark/logo.png");
background-repeat: no-repeat;
background-position: left center;
display:block;
float:left;
margin-top:20px;
height:91px;
}
#logo a{
width:284px;
display:block;
line-height:100px;
text-indent:-5000px;
}
/* MENU */
#mainmenu {
position:relative;
top:97px;
margin-right:11px;
}
#mainmenu ul li {
float: right;
width:auto;
margin: 0;
background:url("dark/bg_menu_tab_right.gif") no-repeat right top;
margin-right:-1px;
}
#mainmenu ul li a{
display: block;
background: url("dark/bg_menu_tab_left.gif") no-repeat left top;
font-weight:bold;
width:auto;
color:#fff;
padding: 9px 15px;
}
#mainmenu ul li.current_page_item, #mainmenu ul li.current-cat {
text-decoration: none;
background: #fff url("dark/bg_menu_tab_right_current.gif") no-repeat right top;
}
#mainmenu ul li.current_page_item a, #mainmenu ul li.current-cat a{
text-decoration: none;
background: url("dark/bg_menu_tab_left_current.gif") no-repeat;
color:#333;
}
/* BUSCADOR */
.search2{
position:relative;
top:30px;
float:right;
}
.buscador-icon{
background:url("images/buscador.png") no-repeat;
width:48px;
height:48px;
float:left;
}
.search2 ul{
list-style:none;
width:238px;
height:32px;
padding:4px 4px 0 4px;
background:url("images/search.png") no-repeat;
float:right;
margin-top:6px;
margin-left:5px;
}
.search2 ul li{
float:left;
}
.search2 ul li input.txtfield{
float:left;
width:180px;
height:28px;
line-height:28px;
padding:0px 10px 0px 10px;
font-size:12px;
color:#798e94;
background:transparent;
border:none;
}
.search2 ul li input.go{
float:right;
width:32px;
height:28px;
border:#FFF solid 1px;
border-radius:0px 2px 2px 0px;
background-image:url("images/mag.png");
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
background-color:#4C4948;
}
Hay esta todo, espero que me ayuden amigos!.