Unify the spacing between two divs

The site is http://gvgonzalez.com/zon

below the slider, i’m trying to have the “Learn More” lines to appear on the same level in the 4 areas.

in the front-page.php I have that area set up as follows:

<ul class="we-do">
					<li>
						<div class="we-do-wrap">
						<a href="<?php echo $url5; ?>">
							<img src="<?php echo $themeurl; ?>/images/do-1.png"/>
						</a>
						<p><?php echo $teks1; ?></p>
						<div class="learn"><a href="<?php echo $url5; ?>" title="Learn More"> </a></div>
						<div class="clear"></div>
						</diV
					</li>

					<li>
						<div class="we-do-wrap">
						<a href="<?php echo $url6; ?>">
							<img src="<?php echo $themeurl; ?>/images/do-2.png"/>
						</a>
						<p><?php echo $teks2; ?></p>
						<div class="learn"><a href="<?php echo $url6; ?>" title="Learn More"> </a></div>
						<div class="clear"></div>
						</div>
					</li>

					<li>
						<div class="we-do-wrap">
						<a href="<?php echo $url7; ?>">
							<img src="<?php echo $themeurl; ?>/images/do-3.png"/>
						</a>
						<p><?php echo $teks3; ?></p>
						<div class="learn"><a href="<?php echo $url7; ?>" title="Learn More"> </a></div>
						<div class="clear"></div>
						</div>
					</li>

					<li>
						<div class="we-do-wrap">
						<a href="<?php echo $url8; ?>">
							<img src="<?php echo $themeurl; ?>/images/do-4.png"/>
						</a>
						<p><?php echo $teks4; ?></p>
						<div class="learn"><a href="<?php echo $url8; ?>" title="Learn More"> </a></div>
						<div class="clear"></div>
						</div>
					</li>

and in the style.css:
`/********
FRONT PAGE
********/
ul.we-do li{float:left;list-style:none;width:25%;}
ul.we-do li .we-do-wrap{padding:10px;}
ul.we-do li .we-do-wrap img{width:100%;}
ul.we-do li .we-do-wrap a:hover img{position:relative;bottom:4px;}
ul.we-do li .we-do-wrap p{font-size:12px;padding:10px 0;}
.learn{width:112px;height:18px;float:left;background:url(images/learn.png) 0 0 no-repeat;margin-top:10px;}
.learn a{width:112px;height:18px;display:block;}
.learn:hover{opacity:0.6;}
/********’

how i can set it so that despite the number of lines in the blurb area for each of the 4 areas, that the Learn more line is at the same level?

thanks!