I’ve been looking all over for a solution to this bug but I haven’t been able to find one yet. So I hope someone can help me.
This website is being made in word press and my boxes on the side are having the issue. The background overflows above the box in IE but not FF. I’ve attached examples:
In IE
Then the correct way in FF
This is the CSS code I am using for that section:
#breaking {
min-width:100px;
position:relative;
z-index:2;
background:#E5E5E5 url('images/rightbottom.gif') no-repeat bottom left;
margin-top: 10px;
padding-bottom:12px;
}
#breaking h2{
margin: 10px 0 0px 0;
padding: 0px 0 0px 0px;
background: url('images/rightbanner.gif') no-repeat bottom left;
height: 22px;
font-size: 14px;
color: #333333;
text-align: center;
border-bottom: 2px solid #999999;
font-family:Verdana,Trebuchet MS,sans-serif;
width: 200px;
}
#breaking h3{
background: #e2e2e2;
text-align:center;
color:#000;
}
#breaking ul{
list-style: none;
position: relative;
padding:10px;
margin: 0px 0 0px 0;
}
#breaking ul li {
background-image:url(images/bullet.png);
background-position:0 0.5em;
background-repeat:no-repeat;
margin:0 0 15px;
padding:0 0 5px 15px;
border-bottom:2px solid #DDDDDD;
}
#breaking ul li.dotborder{
border-bottom: 2px solid #dddddd;
}
#breaking ul li a.title {
text-align: left;
line-height: 12px;
padding: 0px 0 0px 0px;
margin: 0px 0 0px 0;
font-size: 12px;
color:#666666
}
#breaking ul li a.title:hover {
color:#cc0033;
}
#breaking ul li a.more {
color: #acc2e6;
margin: 0px 0 0px 0;
padding: 0px;
font-size: 9px;
font-weight: normal;
font-style: italic;
xfloat: left;
xbackground: url('images/headlowerback.gif') repeat-x bottom left;
}
#breaking ul li p{
text-align: left;
font-size: 11px;
padding: 5px 0 0px 0px;
margin: 0px 0 0px 0px;
}
#breaking ul li span{
text-align: left;
font-size: 10px;
padding: 0px 0 0px 0px;
margin: 0px 0 5px 0px;
color: #acc2e6;
}
And this is the page code:
<div id="breaking">
<h2>Ready-to-Use Checklist</h2>
<div id="checklist">
<?php query_posts('page_id=1265'); ?>
<ul>
<?php while (have_posts()) : the_post(); ?>
<li>
<a href="<?php the_permalink() ?>" class="title" rel="bookmark" title="<?php the_title(); ?>"><strong><?php the_title(); ?></strong></a>
<!-- end of more quicktab for excerpts patch -->
</li>
<?php endwhile;?>
</ul>
</div>
</div>
PLEASE help!!! I need to launch this site on Monday!!!