help with CSS on aberdeen

http://i186.photobucket.com/albums/x177/cadgreg/help.jpg

I've been at this for hours and I finally got it so that sidebar-right will move to the screen resolution. However, I've noticed that some pages (like above), have gaps between content. I've tried and I can't get resolved. Page is divided into: content and sidebar-right. Any help will be appreciated!

Code for page.tpl.php:
print phptemplate_body_class($sidebar_left, $sidebar_right); >

print $base_path; " title=" print t('Home'); ">
if ($logo):
print $logo; " alt=" print t('Home'); " id="logo" />
endif;
print $site_name;

if (isset($site_slogan)) :

print $site_slogan;

endif;

print $search_box;

if ($sidebar_right):

print $sidebar_right

endif;

if ($breadcrumb): print $breadcrumb; endif;
if ($mission): print '<div id="mission">'. $mission .'</div>'; endif;

if ($tabs): print '<div id="tabs-wrapper" class="clear-block">'; endif;
if ($title): print '<h2'. ($tabs ? ' class="with-tabs"' : '') .'>'. $title .'</h2>'; endif;
if ($tabs): print $tabs .'</div>'; endif;

if (isset($tabs2)): print $tabs2; endif;

if ($help): print $help; endif;
if ($messages): print $messages; endif;
print $content

print t('Back to top');

Code for css:

#wrapper {
margin: 0 29px;
background: #fff;
}
#wrapper-header {

}
#header {
height: 206px;
position: relative;
text-align: left;
}
#header-block {
position: absolute;
top: 0.5em;
right: 0;
width: 48em;
height: 1.6em;
}
#wrapper-main {
background: #fff url(images/bg-main.gif) repeat-x 0 0;
}
#main {
width: 68.5em;
margin: 0 auto;
padding-top: 1.6em;
text-align: left;
background: #fff url(images/bg-main.gif) repeat-x 0 0;
}
#topbar {
min-height: 1em;
}
#content {
width: 100%
float: left;
margin: 0 25% 0 0;
background: #fff;
text-align: left;
}
#sidebar-right {
float: right;
width: 225px;
}
#footer {
clear: both;
width: 68.5em;
margin: 0 auto;
padding-top: 4em;
text-align: center;
}

Thanks,
Greg