[SOLVED] Input part of search box too small

[mohsart]

 

Working with the header, I thought I was done when I noticed that the input part of the search field is way too small, i.e. I cannot click on the right part of it, only the part with "xxxx" above is clickable.

My blocksearch.css looks like this now

/* block top search */
#search_block_top {
position:absolute;
/*top:44px;*/
left:0;
top:-55px;

}
#search_block_top p {padding:0;}
#search_block_top #search_query_top {
padding:0 5px;
height:23px;
width:300px;/* 310 */
border:1px solid #666;
border-right: 0 !important;
/*color:#666;*/
background:url(img/bg_search_input.png) repeat-x 0 0 #fff;
float: left;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
color: black;
}

#search_block_top .button {
border:none;
border-radius:0;
color:#fff;
text-transform:uppercase;
background:url(img/bg_search_submit.png) repeat-x 0 0 #101010;
float: left;
height: 25px;
}

Any ideas?

 

/Mats

Edited November 21, 2012 by mohsart (see edit history)

[mohsart]

Best way to find a solution is to ask the question. I found it by myself just after asking.

The problem wasn't with search but that userinfo was too wide...

 

/Mats