Tabs Styling issue

Tabs Styling issue

I have implemented the Tabs using JQuery and JQuery UI 1.7 and I am having a styling issue.

when I am on the first tab there is a white line under the other tabs, but when one of the other tabs is active there is no white line under in the inactive tabs. I am totally stumped?

Here are the styles I am using;

aeTabbedContent {padding-left: 10px; padding-bottom: 5px; width: 740px; height: 325px;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0 0 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; width: 130px; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .25em 1em; color: #6f6a56;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  border-bottom-width: 0 !important; padding-bottom: 1px !important;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {height: 291px; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana; font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana; font-size: 1em; }
.ui-widget-content { color: #6f6a56; background: #e2dcd1 url(/images/useruploadedimages/12/ui-bg_inset-soft_40_e2dcd1_1x100.png) 50% bottom repeat-x; }
.ui-widget-content a { color: #6f6a56; }
.ui-widget-header { border: 1px solid #e2dcd1; background: #faf8f6 url(/images/useruploadedimages/12/ui-bg_gloss-wave_75_faf8f6_500x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #e2dcd1; background-color: #e2dcd1; font-weight: bold; color: #e2dcd1 !important; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #6F6A56 !important; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #e2dcd1; background: #6f6a56 url(/images/useruploadedimages/12/ui-bg_glass_20_6f6a56_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #e2dcd1 !important; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #e2dcd1 !important; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #e2dcd1; background: #e2dcd1 url(/images/useruploadedimages/12/ui-bg_highlight-soft_40_e2dcd1_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #6f6a56 !important; outline: none;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #6f6a56 !important; outline: none; text-decoration: none; font-weight: bold;}