I have a question about a site I'm designing for use with wordpress. It's about
the sidebar, I want it to have the rounded corners at the top and the bottom which I've accomplished. I used a background image for the rest of the behind the content in a widget, but as you can see it repeats all the way down. Does anyone know how to fix this so it does not repeat in the gaps? Any help is truly appreciated! Below is a portion of my style sheet for that section. This link shows what it looks like, I cannot provide the actual link to the test site on the forums. The arrows show what I want removed. Here is
a screenshot of the error.
#sidebar {
float:right;
width:200px;
margin-right:40px;
margin-top:20px;
padding: 0px;
background:url(images/menu-bg.gif) repeat-y ;
display: inline;
}
#sidebar .widget {
background: url(images/roundedcornerb.gif) no-repeat bottom left;
padding-bottom: 10px;
margin-bottom:20px;
width:200px;
}
#sidebar .widgettitle {
background: url(images/roundedcornert.gif) no-repeat top left;
padding: 10px 10px 0 10px;
width:200px;
}