border-image working, but how to omit footer

willwork · #1 Mar 1, 2011, 01:58 AM

I was trying to get the border-image to avoid going around the footer.
Here's what I've got in CSS:

Code:

div#container {
		padding-bottom: -50px;
    		border-width: 25px 25px 25px 25px;
		-moz-border-image:url('<?php echo get_template_directory_uri(); ?>/images/border-image.png') 11 9 11 11 stretch;
        	-webkit-border-image:url('<?php echo get_template_directory_uri(); ?>/images/border-image.png') 11 9 11 11 stretch;
        	border-image:url('<?php echo get_template_directory_uri(); ?>/images/border-image.png') 11 9 11 11 stretch;
}

Is there a way to crop the container dimensions so it doesn't go around the footer as well? I love the border-image property and would love to continue using it if there's a way...
http://willworkforfilm.com/premierpedsbh
THANKS

juggledad · #2 Mar 1, 2011, 04:42 AM

see my answer in your other thread and please don't double post