JoomlaWorks "Tabs & Sliders" Plugin (v2.7)

Google Chrome, IE - отображает правильно, в Mozilla Firefox нет.



демо

В принципе аналогичная проблема уже была с предыдущим плагином
Проблемы с CSS плагина Tabs & Slides (for articles) v 2.4

Код (CODE):

1. /**
2.  * @version     2.7
3.  * @package     Tabs & Sliders (plugin)
4.  * @author  JoomlaWorks - http://www.joomlaworks.net
5.  * @copyright   Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved.
6.  * @license     GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
7.  */
8.  
9. /* Please note: if you wish to target IE6 to IE8 specifically, prepend any selector with "body.jwts_IsIEX" replacing X with either 6, 7 or 8 */
10.  
11. /* Generic
12. ------------------------------------------ */
13. a:active,
14. a:focus {outline:0;}
15. .jwts_clr {display:block;clear:both;height:0;line-height:0;margin:0;padding:0;border:0;}
16.  
17.  
18.  
19. /* Tabs
20. ------------------------------------------ */
21. .jwts_tabber {display:none;}
22. .jwts_tabberlive {margin:4px 0;padding:0;}
23.  
24. /* The tab navigation */
25. ul.jwts_tabbernav {margin:0 0 0 8px!important;padding:0!important;list-style:none!important;list-style-image:none!important;background:none!important;line-height:normal!important;height:auto!important;text-align:left!important;}
26. ul.jwts_tabbernav li {margin:0!important;padding:0!important;line-height:normal!important;list-style:none!important;list-style-image:none!important;background:none!important;display:inline!important;}
27. ul.jwts_tabbernav li a {font-size:14px;margin:0 2px 0 0;padding:4px 10px 2px;color:#222;border-radius:2px 2px 0 0;border:1px solid #bbb;border-bottom:none;background:#eee url(../images/tab_bg.jpg) repeat-x 50%;}
28. ul.jwts_tabbernav li a:hover {color:#c64934;border:1px solid #aaa;border-bottom:none;background:#f2f2f2;text-decoration:none;}
29. ul.jwts_tabbernav li a:active,
30. ul.jwts_tabbernav li a:focus {outline:0;}
31. ul.jwts_tabbernav li.jwts_tabberactive a {background:#fff;border-bottom:1px solid #fff;}
32. ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
33. ul.jwts_tabbernav li.jwts_tabberactive,
34. ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0;margin:0;}
35.  
36. /* The tab content */
37. .jwts_tabberlive .jwts_tabbertab {text-align:left;margin:2px 0 0!important;padding:8px;border:1px solid #bbb;border-radius:2px;background:#fff;}
38. .jwts_tabberlive .jwts_tabbertab h2.jwts_heading,
39. .jwts_tabberlive .jwts_tabbertabhide {display:none;}
40.  
41. /* IE7 specific */
42. body.jwts_IsIE7 ul.jwts_tabbernav {position:relative;z-index:9;}
43. body.jwts_IsIE7 .jwts_tabberlive .jwts_tabbertab {position:relative;z-index:8;margin:2px 0 0!important;}
44.  
45.  
46.  
47. /* Sliders (accordion)
48. ------------------------------------------ */
49. div.jwts_toggleControlContainer {}
50.     div.jwts_toggleControlContainer a.jwts_toggleControl {font-size:14px;font-weight:normal;text-decoration:none;display:block;border:1px solid #ccc;border-radius:2px;background:url(../images/tab_bg.jpg) repeat-x;background-position-y:40%;padding:4px;margin-bottom:1px;line-height:normal;}
51.         div.jwts_toggleControlContainer a.jwts_toggleOn {color:#c64934;margin-bottom:0;border-radius:2px 2px 0 0;}
52.         div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_togglePlus,
53.         div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_toggleMinus {display:none;}
54.         div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {line-height:normal;background:url(../images/arrows.png) no-repeat 0 -146px;padding-left:20px;}
55.         div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {line-height:normal;background:url(../images/arrows.png) no-repeat 0 -1px;padding-left:20px;}
56.         div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {color:#999;font-size:10px;display:block;float:right;line-height:14px;vertical-align:bottom;}
57.         div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlNotice {display:none;}
58. div.jwts_toggleContent {}
59.     div.jwts_content {padding:4px 8px;margin-bottom:1px;border:1px solid #ccc;border-radius:0 0 2px 2px;border-top:0;}
60.  
61. /* IE7 specific */
62. body.jwts_IsIE7 div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {display:none;}

 

этот код заменить:

Код (CODE):

1. ul.jwts_tabbernav li a {
2. font-size:14px;
3. margin:0 2px 0 0;
4. padding:4px 10px 2px;
5. color:#222;
6. border-radius:2px 2px 0 0;
7. border:1px solid #bbb;border-bottom:none;
8. background:#eee url(../images/tab_bg.jpg) repeat-x 50%;
9. }

на этот

Код (CODE):

1. ul.jwts_tabbernav li a {
2. font-size:14px;
3. margin:0 2px 0 0;
4. padding: 4px;
5. color:#222;
6. border-radius:2px 2px 0 0;
7. border:1px solid #bbb;border-bottom:none;
8. background:#eee url(../images/tab_bg.jpg) repeat-x 50%;
9. }

Код (CODE):

1. line-height:16px;

- этот вариант вроде лучше всего )))