Need help removing a background

[Susie]

http://tinyurl.com/398qr3c

 

I need a new set of eyes to take a look at this. I've been trying to fix this since yesterday and I can't get it.

 

I need to remove the background from the search widget. Because it's in the sidebar, it's showing that background. I only need to have the 1px border that is around the whole widget.

 

The background is coming from this:

 

#sidebar .widget-wrap {
background: url(images/sidebar-bg.png) repeat-y;
}

 

And I wrote this to try to get rid of it:

 

#sidebar .widget_search {
border: 1px solid #27007e;
background: none;
padding-bottom: 10px;
}

 

What am I missing?

 

(P.S. I know I have some issues to sort out in IE. This is a work in progress. )

Edited June 5, 2010 by Susie

[falkencreative]

I think the issue is that .widget-wrap is inside .widget_search, so any background changes to .widget_search won't affect .widget-wrap. How about this:

 

#sidebar .widget_search .searchform { background: white; }

[Susie]

Perfect. Thanks, Ben!