Weird CSS Issue, I cant find the problem

I made a tabbed layout on my website for but some reason the second tab displays a weird grey background when I hover over it. The third tab should have the same css and html but it has no such background. Does anyone know what’s causing the problem? The url is http://new.glumbo.com/content/godaddy
Try to hover over the “products” tab and compare it to when you hover over the “coupons & deals” tab

The page seems to be missing.:wink:

Page not found

                                                  The requested page could not be found.

I presume it’s the same tabs as on this page:
http://new.glumbo.com/

It seems to be this rule here causing it:

ul.primary li a:hover {
  [COLOR="Red"]background-color: #EEEEEE;[/COLOR]
  border-bottom-color: #EEEEEE;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: #CCCCCC;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-right-color-value: #CCCCCC;
  border-top-color: #CCCCCC;
}

Well spotted Ralph :slight_smile: (I was too lazy to search the whole domain ;))

Holy mother of dog, what is all that code?! :x

Any time I see

<ul class="clear-block quicktabs_tabs quicktabs-style-excel"><li class="tabset-tab-4"><a href="#tabset-tab-4"><span class="tab">

and a stylesheet called “css_4a3c31018acb406171577a033fa45b73.css”, I instantly know that I’m dealing with some autogenerated faecal matter that should never have been allowed to pollute the internet. Especially when the class used on the <li> doesn’t even appear in the stylesheet. Really, I would like to see the people peddling this rubbish as a suitable method to build websites nuked from the planet.

Sorry, but there’s absolutely no way that I can make any sense of the HTML or the CSS you’ve used, even with the help of Dragonfly, it’s just a complete shambles, and if that’s the code that you’re editor churns out, all I can suggest is to ditch it and find a better one.

I’m using CSS compression or else there would be 10 different css files. Anyways, the class should be listed there as that’s the only .css file the website uses. The CMS is called drupal, it’s used by many websites

Sweet, I found it and fixed the problem. Thanks. Btw What tool do you use to do stuff like this?

Just because it’s used by many websites doesn’t mean it’s any good…

The class I was referring to was ‘tabset’. You have lots of different classes containing the word ‘tabset’, but it doesn’t appear once in the CSS file.