I have had several problems trying to stylize a Google search form using CSS.

Here are some of the issues:

1. I am trying to apply a background color to the form, but it does not show in IE6. It does show in Firefox, however.

2. If I set a width to the form, the form moves to the left margin of the (#topheader) div in Firefox and I cannot get it to align to the right (using align:right or margin).

3. I cannot align multiple images in the div to the right, just before the form.

I've worked around these issues by putting the images inside of the form, just before the search box, and setting a background image in the div ("Green by Nature"). The div basically looks like I want it to, with the exception of not being able to set a background color.

http://www.peaceofchristparish.org/C...z_diamond6.htm
http://www.peaceofchristparish.org/C...z_diamond6.css

Thanks in advance for your help.

Sweet...green initiatives. You've come to the right place!

Put the form inside of its own containing div (call it form-div) and float that div to the right. You'll hopefully get what it is that you want. Just remember to clear your float after.

Sorry this is a little irrelevant to your question, but isn't that a bit of an odd domain name for the website? If you don't mind me asking

Adam:

Thanks for the reply. I didn't realize that IE6 will not recognize the bacakground color of a form. I was able to change the background color of it's containing div (#topheader) and the form itself to correct the problem.


Angelosanto:

Sorry about the confusion. The site is just in a development stage. When I started creating the site I was working from a computer outside of work. I just haven't moved it over to the correct server yet.