Css problem – similar widgets look different

Hi guys, wondered if you could help. Basically I’m trying to make two separate widgets look the same. The second one – “recent posts” uses a small php script that singles out only the most recent posts from a certain user.

This is the widget that works fine with the CSS (also below) –

<li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">[ CATEGORIES ]</h2>
		<ul>
	<li class="cat-item cat-item-11"><a href="" title="">first post</a>
</li>
	<li class="cat-item cat-item-39"><a href="" title="">second post</a>
</li>
		</ul>
</li>

.widget {
    text-align:center;
    list-style-type: none;
}

.widget ul li a {
    border-bottom: solid 1px #C7C3C4;
    background-color:#FFF;
    display: block;
    text-decoration: none;
}

.widget ul li a:hover {
    border-bottom: solid 1px #C7C3C4;
    color: #000;
    background-color:#D6D2D3;
    display: block;
    text-decoration: none;
}

.widgettitle {
	margin-top:10px;
	padding-top:10px;
	padding-bottom:0px;
    background: url("images/widget-title.png") no-repeat 0 0;
	width:237px;
	height:45px;
	padding-left:-28px;
	margin-left:-28px;
	font-size:14px;
	color:#FFF;
}

The following widget for recent posts however does not, every link has a large gap under it (10/20 pixels) which is really annoying me. This is how it looks in html –

<ul>

<li id="execphp-4" class="widget widget_execphp"><h2 class="widgettitle">[ RECENT POSTS ]</h2>

<div class="execphpwidget"><ul>

<li><a href="" rel="bookmark">
FIRST POST
</a></li>

<li><a href="" rel="bookmark">
SECOND POST
</a></li>

</ul>

I’ve tried adding CSS like this:

ul.execphpwidget, ul li.execphpwidget etc, but no luck. Any idea how i can get it to render the same as the categories widget?

Thanks in advance
MK