Tabbed Products Pro (TPP) Contrib - Official Thread

[autoace]

I am not sure why its happening, but I've lost the 'tabs' on my product info page. I made PMd qHome back in July but no response and DivaVocals says its definately a CSS issue here but I'm starting to think otherwise.

I just downloaded a fresh copy of tpp (106b) and ftpd the css file w/o any changes and I still have the same issue.

The tabs display in a 'block' format *INSTEAD OF* an 'inline' format. They do function correctly *BUT DO NOT* display correctly

When I use my Web Developer (F12) on FF, in the box to the right, the first thing that shows is:

element.style {
     display: block;
     } 

and then the css file begins.

Here is the current css (I've made some changes):

#slidetabsmenu {
  float:left;
  width:100%;
  font-size:100%;/*93*/
  border-bottom:1px solid #005599;/*solid 2763a5 9a9a9a 00008b*/
  line-height:normal;
  }
#slidetabsmenu ul {
  margin:0;
  padding:10px 10px 10px 10px;
  list-style:none;
  }
#slidetabsmenu li {
  display:inline;
  margin:0;
  padding:0;
  font-weight: bold;
  }
#slidetabsmenu a {
  float:left;
  /*background:url("../../images/tpp/tableft13.gif") no-repeat left top;*/
  margin:0;
  padding:0 4px 0 4px;/*0 0 0 4px*/
  text-decoration:none;
  }
#slidetabsmenu a span {
  float:left;
  display:block;/*block*/
  /*background:url("../../images/tpp/tabright13.gif") no-repeat right top;*/
  background-color:#d7d7d7;/*added 535357 eeeeee*/
  padding:5px 13px 4px 6px;
  color:#005599; /*3b3b3b 00008b ffffff*/
  margin:2px 4px 2px 4px;/*added 20px 40px 20px 40px*/
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */
#slidetabsmenu a:hover {
  background-position:0% -125px;
  }
#slidetabsmenu a:hover span {
  background-position:100% -125px;
  color: #005599; /*black ff6600 ffffff*/
  }
#slidetabsmenu a.current {
  background-position:0% -125px;/*100% -125px;*/
  }
#slidetabsmenu a.current span {
  background-position:100% -125px;/*100% -125px*/
  background-color: #005599;/*added 00008b*/
  color: #ffffff; /*red ff6600 535357*/
  }
.tabcontent{
  clear: both;
  float:left;
  width:100%;
  border-bottom: 1px solid #d7d7d7;/*9a9a9a*/
  border-left: 1px solid #d7d7d7;/*added*/
  border-right: 1px solid #d7d7d7;/*added*/
  background: #ffffff;/*white*/
  color: #000000; /*black*/
  display:none;
  padding:0px 0px 5px 0px;/*added*/
  margin:0;/*added*/
  } 

Can someone review the CSS and tell me if it is a CSS for sure. Some fresh eyes may see the problem.

*OR*

Is it a code issue?

Any help is greatly appreciated.