Eliminating gap between pictures with the contractible headers script

[zap2012]

Ok, I've been using the contractible headers script for a while, and it's awesome. The first thing I did with it was make it so that the "clickable" item was a picture rather than text. That wasn't a problem. The problem is that there is a gap between the images that I can't seem to get rid of. Here's my code:

<img src="http://www.thisishereisnowhy.net/Images/my%20friends%27%20blogs%202.jpg" onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer"></img>
<div id="sc1" class="switchcontent" align="right">
<ul>
         
         <li><a href="http://chrysxtal.blogspot.com/">Chrystal's Blog</a></li>	
         <li><a href="http://itismostclearlyon.blogspot.com/">Cole's Blog</a></li>
         <li><a href="http://bluebunny80.livejournal.com/">Elise's Blog</a></li>
         <li><a href="http://nihilnovumsubsole.blogspot.com/">Lauren's Blog</a></li>
         <li><a href="http://rpmcnamara.blogspot.com/">Ryan's Blog</a></li>
    	<li><a href="http://symplectic.blogspot.com/">Santi's Blog</a></li>      
	


</ul>
</div>
<img src="http://www.thisishereisnowhy.net/Images/blogs%20i%20read%20daily.jpg" onClick="expandcontent('sc2')" style="cursor:hand; cursor:pointer"></img>
<div id="sc2" class="switchcontent" align="right">
<ul>         
         <li><a href="http://www.legalbadger.blogspot.com/">Legal Badger</a></li><br><font size=1>A commentary on 
		life at the University of Wisconsin Law School</font>    
         <li><a href="http://www.onebluesun.org/trj/">The Rising Jurist</a></li><br><font size=1>The occasionally 
		side-splitting and controversial blog of a recently graduated lawyer who (surprisingly) still cares about the law</font>
         <li><a href="http://www.jointtortfeasors.com/">Joint Tortfeasors</a></li><br><font size=1>The monkey made 
		me do it, indeed</font>
         <li><a href="http://tortcaesar.blogspot.com/">Tortcaesar</a></li><br><font size=1>Yet another anonymous law 
		school blog</font>
         <li><a href="http://overheardinlawschool.blogspot.com/">Overheard in Law School</a></li><br><font size=1>Hillarious things law students have heard 		other law students say</font>
</ul>
</div>

I'd really appreciate any thoughts on how to fix the problem.

My site's address is http://www.thisishereisnowhy.net.

[jscheuer1]

I'm thinking that either you fixed it already, or the gap is very small, or you mean the gap that appears below an expanded section because, it looks fine to me.