Wordpress Plugin Problem [PHP & CSS]

Alright, so I am building a website about movies and TV shows (www.MovieReserve.com). I am using the WP-PostRatings plugin along with the WP-PostRatings Widget to display the Top 10 Rated Movies/TV Shows in the sidebar. However, as you can see on the site, the title of the movie/TV show appears in the area I have created for it, but the actual rating comes beneath it.


Here is the coding used to implement it.


PHP in the WP-PostRatings Widget file:

echo $before_widget.$before_title.$title.$after_title;

echo '<ul>'."\n";

get_highest_rated($options['mode'], $options['min_votes'], $options['limit'], $options['chars']);

echo '</ul>'."\n";

echo $after_widget;

Code (markup):

CSS in my styles.css file:

#sidebar .widget ul li a {

width:170px;

padding-left:35px;

height:76px;

line-height:14px;

font-size:14px;

font-weight:bold;

color:#FFF;

background:url(images/sidebar-li-a-bg.gif) repeat-x;

display:block;

text-decoration:none;

}

Code (markup):

Can anyone help me fix this problem?

By the way, if I increase the height property in the styles.css file, the title of the post and its rating get spread further apart.