# \[CSS\] problem with div background

**URL:** <https://forum.kirupa.com/t/css-problem-with-div-background/181257>\
**Category:** web dev\
**Created:** [March 7, 2006, 9:31pm UTC](https://forum.kirupa.com/t/css-problem-with-div-background/181257 "2006-03-07T21:31:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![metatron](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@metatron](https://forum.kirupa.com/u/metatron)\
**Post date:** [March 7, 2006, 9:31pm UTC](https://forum.kirupa.com/t/css-problem-with-div-background/181257/1 "2006-03-07T21:31:16Z")

</div>

This is what’s going on ([http://adolfo.losdelacatarina.com/portafolio\_final/](http://adolfo.losdelacatarina.com/portafolio_final/)):

![](http://adolfo.losdelacatarina.com/error.jpg)

It’s looks good in IE but not in Firefox, so I supposed I’m doing something wrong.

This is the scheme:

1. container div  
[LIST]  
[_]top\_banner div  
[_]menu div  
[_]middle div (the part with shadow below menu)  
[_]content\_area div:[/LIST]-content\_box div (to give some space at left and right)  
+box with “lorem ipsum”

The part with the problem is the one cointained in “content\_area”

```auto

/* CSS Document */
body {
  text-align: center;
  background:url(images/bg.gif) repeat-x;
  }
#contenedor{
 margin-left: auto;
 margin-right: auto;
 width: 614px;
}
#top_banner {
 width:614px;
 height:130px;
 background-image: url(images/index_02.gif);
}
#menu {
 width:614px;
 height:25px;
}
#middle {
 width:614px;
 height:16px;
 }
#content_area {
 width:614px;
 height:auto;
 background:url(images/index_14.gif);
 background-repeat:repeat-y;
 margin:0;
}
#content_box {
 margin-left:10px;
 margin-right:10px;
}
p {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:0.8em;
 color:#000000;
}
/* inicia caja de texto */
.box {
 width:302px;  
 padding:0 0 26px 0;     
 background:url("images/box.gif") bottom left no-repeat;
 float:left;
 }
.box h1 {  
 margin:0;  
 padding:15px 10px 20px 10px;  
 font-size:24px;
 font-style:italic;  
 color:#ffffff;    
 background:url("images/box.gif") top left no-repeat; 
}
.box p{  
 margin:0;  
 padding:0 10px 3px;  
 border:1px solid #F70185;  
 border-width:0 5px;
 background:#000;
 color:#FFFFFF;
 font-size:0.8em;
 line-height:1.2em; 
}
/* termina caja de texto*/
.box_ptf{
 width:280px;
 height:150px;
 background:#33CC66;
 float:right;
}

```