diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -515,15 +515,16 @@ p.progress-info {clear: left; font-style: italic; font-size: 80%;} /***** Tabs *****/ -#content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative; overflow:hidden;} -#content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em; width: 2000px;} -#content .tabs>ul { bottom:-1px; } /* others */ +#content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;} +#content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:1em; width: 2000px; border-bottom: 1px solid #bbbbbb;} #content .tabs ul li { float:left; list-style-type:none; white-space:nowrap; margin-right:8px; background:#fff; +position:relative; +margin-bottom:-1px; } #content .tabs ul li a{ display:block; @@ -553,7 +554,7 @@ background-color: #fff; } -div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: -1px; } +div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; } button.tab-left, button.tab-right { font-size: 0.9em; @@ -564,18 +565,17 @@ position:absolute; padding:4px; width: 20px; + bottom: -1px; } button.tab-left { right: 20px; - bottom: 0; background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%; } button.tab-right { right: 0; - bottom: 0; - background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%;} + background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%; } /***** Auto-complete *****/