Zgodnie z tutorialem na stronie domowej projektu stworzyłem nasępujący kod generujący zakładki

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html
  2.      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. 	<head>
  7. 		<title></title>
  8. 		<meta http-equiv="content-type" content="text/html; charset=utf-8">
  9. 		<link rel="stylesheet" type="text/css" href="style.css" />
  10. 		<style type="text/css">
  11.  
  12. 			.tab {
  13. 				cursor: pointer;
  14. 				float: left;
  15. 				clear: none;
  16. 				width: 126px;
  17. 				height: 24px;
  18. 				line-height: 24px;
  19. 				color: White;
  20. 				text-align: center;
  21. 				margin: 0px 4px;
  22. 				background-image: url(img/tab.gif);
  23. 			}
  24.  
  25. 			.hover, .active {
  26. 				background-image: url(img/tab_hover.gif);
  27. 			}
  28.  
  29. 			.tabsContentOuter {
  30. 				width: 450px;
  31. 				height: 200px;
  32. 				border: 1px solid #68660B;
  33. 				float: left;
  34. 				clear: none;
  35. 			}
  36.  
  37. 			#tabsContent {
  38. 				padding: 2px 4px;
  39. 			}
  40.  
  41. 		</style>
  42. 		<script type="text/javascript" src="../js/mintajax.js"></script>
  43.  
  44. 		<script type="text/javascript">
  45.  
  46. 			function OnLoad() {
  47. 				var img = new Image();
  48. 				img.src = "img/tab_hover.gif";
  49.  
  50. 				var tabs = mint.gui.CreateTabWidget("tabsContent");
  51.  
  52. 				tabs.fading = true;
  53. 				tabs.activeClass = "active";
  54. 				tabs.hoverClass = "hover";
  55.  
  56. 				tabs.AddItem("tab1", "tab1", "text", "tab1.html");
  57. 				tabs.AddItem("tab2", "tab2", "text", "tab2.html");
  58. 				tabs.AddItem("tab3", "tab3", "text", "tab3.html");
  59.  
  60. 				mint.fx.Round("tabsContentOuter", "all", "small", true);
  61. 			}
  62.  
  63. 		</script>
  64. 	</head>
  65. 	<body onload="OnLoad()">
  66.  
  67. 		<div id="tab1" class="tab">Tab #1</div>
  68. 		<div id="tab2" class="tab">Tab #2</div>
  69. 		<div id="tab3" class="tab">Tab #3</div>
  70.  
  71. 		<div id="tabsContentOuter" class="tabsContentOuter">
  72. 			<div id="tabsContent"></div>
  73. 		</div>
  74.  
  75. 	</body>
  76. </html>
[HTML] pobierz, plaintext


Czy ktoś orientuje się jak pozmieniać style, żeby obramowanie dostosowywało się do wielkości tekstu. Zmainay wysokości na auto nie przynoszą rezultatu. Może ktoś już coś takiego zrobił ? Proszę o pomoc