Space Under Tab

So I am using Tabtastic to have two tabs on my page. The problem is that it shows the two tabs, and then there is a space, then the page is under the space.

The best way to see what I am talking about it to see the example at Tabtastic.

And then Mine
Saints Junior A Lacrosse

Any ideas how I can remove that space. This is my CSS.

.tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
.tabset_tabs li {
.tabset_tabs a	{ color:Black ! important; background-color:#E0E2DF ! important; border:1px solid #99c; text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none }
.tabset_tabs a:hover	{ color:black ! important; background-color:#817E74 ! important }
.tabset_tabs	{ color:black ! important; background-color:white ! important; border-color:black; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }

.tabset_tabs li.firstchild a	{ border-left-width:1px }

.tabset_content	{ border:1px solid black; background-color:white; position:relative; z-index:1; padding:0em 0em; display:none }
.tabset_label	{ display:none }

.tabset_content_active	{ display:block }

@media aural{
	.tabset_label	{ display:block }

Thanks in advanced.

Hi rjkboyle! Welcome to SitePoint. :slight_smile:

The problem is caused by the padding here:

.content ul, .content ol {
  padding: 0 15px 15px 40px;

You could just get rid of that rule.

Awesome Thanks Ralph!!
Your a genius!