Hiya Folks

I am using Grid 960 for page layout. I am using JQuery to supply a bit of animation. Code is below.
The problem is that when I click on my button to expand the view the border of my containing div does not expand with it and I'd like it to. I suspect that this is something to do with the Grid float of all divs.

This is the JQuery script I use to expand and contract the div.
Code:
<script type="text/javascript">
	// Andy Langton's show/hide/mini-accordion - updated 23/11/2009
	// Latest version @ http://andylangton.co.uk/jquery-show-hide
	 
	// this tells jquery to run the function below once the DOM is ready
	$(document).ready(function() {
	 
		// choose text for the show/hide link - can contain HTML (e.g. an image)
		var showText='[+]';
		var hideText='[-]';
		 
		// initialise the visibility check
		var is_visible = false;
		 
		// append show/hide links to the element directly preceding the element with a class of "toggle"
		$('.toggle').prev().append(' <a href="#" class="toggleLink">'+showText+'</a>');
		 
		// hide all of the elements with a class of 'toggle'
		$('.toggle').hide();
		 
			// capture clicks on the toggle links
			$('a.toggleLink').click(function() {
			 
				// switch visibility
				is_visible = !is_visible;
				 
				// change the link depending on whether the element is shown or hidden
				$(this).html( (!is_visible) ? showText : hideText);
				 
				// toggle the display - uncomment the next line for a basic "accordion" style
				//$('.toggle').hide();$('a.toggleLink').html(showText);
				$(this).parent().next('.toggle').toggle('slow');
				 
				// return false so any link destination is not followed
				return false;
			 
			});
	});
	</script>
All help appreciated.

Joe