Issues with search box alignment?

Are you have issues with the search box alignment? The search div is absolutely positioned, so if your horizontal menu of pages takes up more than the space alloted you’ll end up with a situation where the category menu bar over which the search div is positioned will be pushed down several pixels. Because the search div is absolutely positioned, it will not move down with the category menu bar. The solution to this problem is to exclude some of your pages from the topmost horizontal page menu so that it does not take up more than 1 row. Or you can edit the search class in style.css and alter the value “top:180px;” increasing it as needed to reposition the search bar.

.search {

position:absolute;

top:180px;

left:800px;

background:transparent url(images/searchbg.png) no-repeat;

width:275px;

height:40px;

text-align:center;

}

Image by Wildcat Dunny

[ Wildcat Dunny's photostream ]