Problem padding at top of new custom divs

Day two of learning WordPress at http://www.creativeyoungteam.com/

I’ve added 2 divs to a static homepage showing recent events. But there is some sort of extra padding at the top of them, before the text starts, that I can’t work out how to get rid of… any suggestions…. !!??

Thanks, James.

#boxone {
float: left;
padding: 10px;
margin: 0px;
background: #ccc;
width: 200px;
height: 200px;
}
#boxtwo {
float: right;
padding: 10px;
margin: 0px;
background: #ccc;
width: 200px;
height: 200px;
}

EDIT….

Oh yeah here’s the code from home.php as well in case that helps:

<div id="boxone">
<h2>CYT Events</h2>
<br>
<?php c2c_get_recent_posts(3, "%post_URL%<br />%post_excerpt_short%<br><br>", "1"); ?>
</div>

<div id="boxtwo">
<h2>Other Events</h2>
<br>
<?php c2c_get_recent_posts(3, "%post_URL%<br />%post_excerpt_short%<br><br>", "3"); ?>
</div>