Background overflow in IE
Posted: 25 September 2009 04:49 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2009-09-25

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-top10px;
padding-bottom:12px;
}

#breaking h2{
    
margin10px 0 0px 0;
    
padding0px 0 0px 0px;
    
backgroundurl('images/rightbanner.gif'no-repeat bottom left;
    
height22px;
    
font-size14px;
    
color#333333;
    
text-aligncenter;
    
border-bottom2px solid #999999;
    
font-family:Verdana,Trebuchet MS,sans-serif;
    
width200px;
}

#breaking h3{
background#e2e2e2;
text-align:center;
color:#000;
}

#breaking ul{
    
list-stylenone;
    
positionrelative;
    
padding:10px;
    
margin0px 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-bottom2px solid #dddddd;
    
}

#breaking ul li a.title {
    
text-alignleft;
    
line-height12px;
    
padding0px 0 0px 0px;
    
margin0px 0 0px 0;
    
font-size12px;
    
color:#666666
}

#breaking ul li a.title:hover {
    
color:#cc0033;
}

#breaking ul li a.more {
    
color#acc2e6;
    
margin0px 0 0px 0;
    
padding0px;
    
font-size9px;
    
font-weightnormal;
    
font-styleitalic;
    
xfloatleft;
    
xbackgroundurl('images/headlowerback.gif'repeat-x bottom left;
}

#breaking ul li p{
    
text-alignleft;
    
font-size11px;
    
padding5px 0 0px 0px;
    
margin0px 0 0px 0px;
}

#breaking ul li span{
    
text-alignleft;
    
font-size10px;
    
padding0px 0 0px 0px;
    
margin0px 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!!!

Profile
 
 
Posted: 21 December 2010 05:15 PM   [ Ignore ]   [ # 1 ]
Jr. Member
RankRank
Total Posts:  42
Joined  2010-12-14

I have a css script that might help u .. Plz pm me.

Profile