CODEWITHSUNDEEP
csswordpress-theming
php-b-grader
php-b-grader

Reputation: 3315

Strange behaviour on mouseover for search button

I am currently putting together a website for a friend.

It is working ok except the search box.

If you can see at http://wordpress.alternet.com.au/ there is a search box at the top right of the window. The search icon/image is positioned where it needs to be.

I am using Chrome Version 22.0.1229.94 m and when I mouse over the menu items at the top of the page, the search icon/image repositions itself to the left of the search area.

I can't figure out why this is happening?

Any ideas?

Upvotes: 0

Views: 79

Answers (3)

Mark
Mark

Reputation: 6864

not really an answer, but for your information, this is how it looks in FireFox:

looks broken

Upvotes: 0

Mansour Alnasser
Mansour Alnasser

Reputation: 5040

update your classes in style.css with this update. 100% it's working all the day =D

 form#searchform input[type="text"] {
       height: 28px;
 }
 form#searchform {
       position: absolute;
       right: 0;
 }

Upvotes: 1

Rohit Azad Malik
Rohit Azad Malik

Reputation: 32192

............. Hi now add to box-sizing in your input or focus as like this

Add this css in your stylesheet 

form#searchform input[type="text"], form#searchform input[type="text"]:focus{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

Upvotes: 0

Related Questions