side Menu–IE7 Problems

Hi,
I’m a newbie developer and this is my first time using wordpress. I’ve got a few problems but one thats really bugging me is there a huge margin between the title of my sidebar and the first post on my sidebar.
i.e. Sidebar:
“Recent Posts”
Large Gap
“First Post”
style file is available to view here:
https://wordpress.pastebin.ca/1541478
This only occurs in IE7.I hope this is a simple thing to correct, any help would be much appreciated?
thanks for reading,
cs00102

/* widget
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .widget { background: #fff url(‘images/boxgrad.png’) repeat-x bottom; border: 1px solid #ccc; padding: 15px; margin-top: 15px; color:#04553; -moz-border-radius:15px; -webkit-border-radius:15px;}
.SR .widget h3 {font: bold 15px/15px; letter-spacing: -1px; color:#102a30; padding-bottom: 5px; border-bottom: solid 1px #c5ded7; margin-bottom: 5px; text-decoration: none;}
.SR .widget li { padding: 2px 0px 2px 6px; font-size: 11px; color:#5e8a89; text-decoration: none;}
.SR .widget .tabs {width: 100%;}
.SR .widget a, .SR .widget a:visited { color:#247682; text-decoration: none;}
.SR .widget a:hover { color:#003333; text-decoration: none;}

.SR .widget_tag_cloud { line-height: 22px;}

.flickrimg { padding: 5px; background: #fff; border: 5px solid #EDFAFD; margin: 6px; -moz-opacity: .85; filter:alpha(opacity=85); opacity:.85; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.flickrimg:hover {-moz-opacity: 1.0; filter:alpha(opacity=100); opacity:1.0;}

.SR .widget_calendar table { width: 100%;}
.SR .widget_calendar table td { text-align: center; padding: 3px; }
.SR .widget_calendar caption { background: #d2e9e3; padding: 5px 0px; margin-bottom: 10px;}
.SR .widget_calendar #today { background: #d2e9e3;}

.SR .widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;}

.SR .widget_flickrRSS { overflow: hidden; padding: 15px 0px 15px 15px;}
/**/ *html .SR .widget_flickrRSS { height: 1%;} /**/
.SR .widget_flickrRSS h3 { width: 270px; margin-bottom: 10px;}
.SR .widget_flickrRSS ul { float: left;}
.SR .widget_flickrRSS li { background: none; list-style-type: none; display: inline; padding: 0px; float: left; margin: 0px 7px 7px 0px;}
.SR .widget_flickrRSS li a img, .SR .widget_flickrRSS li a:visited img { border: solid 1px #fff; width: 60px; height: 60px;}
.SR .widget_flickrRSS li a:hover img { border: solid 1px #000;}

.widget h1 { color:#0DAEE0; letter-spacing: 0em; font-size: 14px; font-weight: 400;line-height:1.2em;}

.widget p { padding-bottom:7px; border-bottom: dotted 1px #ccc;}
.widget p.noborder {border-bottom: none; padding-bottom: none;}
.eventli { border: 1px solid #fff; position: relative; padding: 5px 2px 0px 2px; -moz-border-radius: 5px; -webkit-border-radius:5px; display: block; _margin-top: -20px;}

.eventli:hover {background: #EDFAFD; border: 1px solid #0DAEE0;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */