IE8 CSS Bug
I'm having the same problem. Here is what I'm using:
@charset "utf-8";
/* CSS Document */
body.custom {
background-color: #0e1408;
background-image: url('plugins/img/beige_background.jpg');
background-repeat: repeat-x;
background-attachment: fixed;
}
.custom #content{
width: 950px;
margin: 0;
background: #fff;
padding-top: 0;
}
.custom #tabs { list-style: none; border: 1px solid #ddd; border-width: 0; padding: 12.5px 0px 12.5px 207.5px; }
.custom #tabs li { margin-bottom: 1em; background: url('plugins/img/button.png'); border: 1px solid #6b7072; border-left: 0; float: left; width: auto; }
.custom #tabs .current_page_item, #tabs .current-cat { padding-bottom: 0em; background: url('plugins/img/button2.png'); border: 1px solid #607950; }
.custom #tabs a { display: block; line-height: 1em; color: #111; text-transform: none; letter-spacing: 2px; }
.custom #tabs a:hover { color: #111; text-decoration: none; }
.custom #tabs .current_page_item a, #tabs .current-cat a { cursor: text; }
.custom #tabs .current_page_item a:hover, #tabs .current-cat a:hover { text-decoration: none; }
.custom #tabs .rss { margin-bottom: 1em; padding: 0 16px 0 0; background: none; border: none; float: right; width: auto; }
.custom #tabs .rss a { padding: 13px; background: url('plugins/img/rss1.png') 100% 50% no-repeat; }
.custom ul#tabs {background: transparent url('plugins/img/tabs.png') no-repeat left top;
margin: 0 170px 0 200px; }
.custom ul#tabs li a { font-size: 11px; padding: .8em; }
.custom #header { padding-top: 0em; padding-bottom: 0em; }
.post_box { padding-top: 0em; }
.headline_area { margin-bottom: 0em; }
.teasers_box { padding-top: 0em; padding-bottom: 0em; }
-Lisa
geneticbonds.com