Center the search field and button infront of image

[Muzz]

Hi there,

I'm trying to centre the top search entry field and button to an background image I have which is roughly 10 px bigger.

This is what I have tried but it is not centering.

#navMainSearch {
float: right;
background-color: #a68236;
background-image: url(../images/search_top.png);
background-repeat: no-repeat;
background-position: 50% 50%;
height:51px;
width: 264px;
padding: 0;
margin: 0;
}

[haredo]

Mu,
Can you provide a link or PM the url, so I can view in Firefox using the Add-On called "Firebug".

[Muzz]

Hi haredo,

My site is not live.

It's being created locally using WAMP so no URL to post.

[haredo]

Mu,
Drats, I won't be able to help you out...

[gjh42]

height:51px;
width: 264px;
padding: 0;
margin: 0;
}

Try letting the padding set the size of the element (floated divs shrink to fit their content, at least in modern browsers).

/*height:51px;
width: 264px;*/
padding: 10px;
margin: 0;
}

[Muzz]

Good idea.

Thanks got it displaying how I wanted!

Thanks :)