Space Under Tab

HTML & CSS
1

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.
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 {
margin:0; 
padding:0; 
display:inline; 
vertical-align:bottom;
}
.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 a.active	{ 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_content,
	.tabset_label	{ display:block }
}

Thanks in advanced.

2

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.

3

Awesome Thanks Ralph!!
Your a genius!