Image Border goes a tad to low

willwork · #1 Feb 21, 2011, 06:07 PM

Hi All-
I'm trying to do a drop shadow around the whole site and used the following code in HTML/CSS Inserts:

Code:

div#container {
padding-left: 12px;
padding-right: 14px;
background: url('<?php echo get_template_directory_uri(); ?>/images/dropBorderSides6.png');
}

And then I put a background image aligned to the bottom in the footer like this:

Code:

background: url(/premierpedsbh/wp-content/themes/atahualpa364/images/bottomBorder4.png);
background-repeat:no-repeat;
background-position:left bottom;

Problem is, the sides extend 10px or so too low - how do I control how far down the side border will continue?
Here's the link so you can see:
http://www.willworkforfilm.com/premierpedsbh/

It just doesn't quite match up. THANKS!