I've got a problem with things rendering differently in IE7 & Firefox.
The site in question is http://www.stltoday.com
Both browsers are rendering the "Video" incorectly, altho Firefox is
closer to what I'm trying to accomplish.
In Firefox, it looks good except for the white space at the bottom of
the container.
In IE7, the border around the container doesn't display on the top and
left sides of the main container. The bottom border of the "featured /
just in / popular" container doesn't display. Also, there is too much
white space between the stars for "your vote" and "popularity" and the
tabs for "featured / just in / popular".
Hope all this makes sense. I'm pasting the HTML & CSS below. The HTML
cannot be changed. I can do whatever I want with the CSS.
Thanks in advance...
Steve ([EMAIL PROTECTED])
---------------------------------------
#tabBar {
clear:both;
display:block;
margin-top:0px;
overflow:hidden;
padding-top:0px;
width: 295px;
font-family: Arial, Helvetica, sans-serif;
}
#tabBar ul {
display:inline;
padding:0pt;
}
#tabBar ul li {
background-color:#CCC;
border-right:1px solid #FFFFFF;
color:#000;
cursor:pointer;
display:inline;
float:left;
font-size:11px;
font-weight:bold;
padding:4px 5px;
text-align:center;
width:65px;
}
#tabBar .on {
color:#FFFFFF;
background-color:#666;
}
textarea {
font-family:arial;
font-size:13px;
}
#contentContainer {
clear:both;
overflow:auto;
padding:0px 0px 0px;
width:298px;
}
#v_embed {
height:80px;
width:293px;
}
#v_embed_pop_wrap {
clear:left;
margin-top:0px;
padding-left:6px;
padding-top:0px;
position:absolute;
}
.row {
padding-top:5px;
}
#v_embed_pop {
background:#CCCCCC none repeat scroll 0% 50%;
border:1px solid #666666;
display:none;
height:110px;
padding:8px;
position:absolute;
text-align:center;
width:290px;
z-index:3;
}
#buttonBar {
width: 293px;
padding-top:3px;
text-align:center;
}
#buttonBar a {
text-decoration:none;
}
#buttonBar img {
border:medium none;
}
#player {
background-color:#FFF;
color:#FFFFFF;
text-align:;eft;
width:295px;
}
#player_swf {
width:292px;
height: 189px;
}
#playerLoad {
height:50%;
position:relative;
top:30%;
width:70%;
}
#playerLoad a {
color:#3399FF;
font-weight:bold;
}
.tabContent {
display:none;
height:183px;
overflow:auto;
padding:6px;
position:relative;
}
.on {
display:block;
}
#tabContainer {
background-color:#F5F5F5;
border:1px solid #4F4F5F;
font-size:11px;
height:195px;
margin:0pt;
overflow:hidden;
padding:0pt;
width:288px;
font-family: Arial, Helvetica, sans-serif;
}
#tabContainer .title {
color:#3300CC;
font-weight:bold;
}
#tabContainer .item {
border-bottom:1px dashed #999999;
clear:both;
overflow:hidden;
padding-bottom:3px;
padding-top:3px;
width:100%;
}
#tabContainer .highlight {
background-color:#CCCCDD;
}
#tabContainer .clearPic {
clear:left;
}
#tabContainer .thumb_wrap {
float:left;
width:76px;
}
#tabContainer .thumb {
border:medium none;
width:70px;
}
#itemTemplate {
display:none;
}
#v_share_pop_wrap {
padding-left:6px;
}
#v_share_pop {
background:#CCCCCC none repeat scroll 0%;
border:1px solid #666666;
display:none;
font-size:11px;
padding:8px;
position:absolute;
width:293px;
z-index:3;
}
#v_share_pop .left_col {
float:left;
width:96px;
}
#v_share_pop .right_col {
float:left;
}
input {
font-family:Arial;
font-size:13px;
}
.clear {
clear:both;
}
#starBar {
font-size:11px;
margin:0px;
padding:10px 0px 10px 5px;
font-family: Arial, Helvetica, sans-serif;
width:295px;
}
#blockBar {
width:295px;
display: none;
}
.float-left {
display:inline;
float:left;
padding:3px 3px 3px 8px;
position:relative;
}
.soopastars {
background:transparent
url('http://images.stltoday.com/stltoday/images/stars.gif') repeat-x
scroll left top;
float:left;
height:14px;
margin:0px;
overflow:hidden;
padding:0px;
position:relative;
width:75px;
}
#starPop {
background:transparent
url('http://images.stltoday.com/stltoday/images/stars.gif') repeat
scroll left bottom;
border:medium none;
display:block;
height:14px;
margin:0pt;
padding:0pt;
width:1px;
}
.soopastars a {
background:transparent
url('http://images.stltoday.com/stltoday/images/stars.gif') repeat
scroll left top;
display:block;
float:left;
height:14px;
width:15px;
}
.starHover {
background:transparent
url('http://images.stltoday.com/stltoday/images/stars.gif') repeat
scroll left center !important;
}
.starOn {
background:transparent
url('http://images.stltoday.com/stltoday/images/stars.gif') repeat
scroll left bottom !important;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
