[coljung]

EDIT: I think i fixed it by playing around.

///////////////////////////////////////////////////

Hi,

I'm having this problem witha piece of CSS code on firefox.
The CSS looks like this:

#wrapper{
float:left;
width:285px;
text-align:left;
background-color:#3d86a0;
margin-right:2px;
}

#logo{
width:285px;
background-image:url(images/back_logo.gif);
position:relative;
top:0px;
clear:both;
text-align:left;
z-index:20;
}

#under_logo{
clear:left;
padding-left:15px;
line-height:25px;
color:#CCCCCC;


}

and the html like this :

<div id="wrapper">
<div id="logo">
<img src="images/logo4.gif" />
</div>
<div id="under_logo">
Consultoria<br />
Estudios de Mercado<br />
Representaciones Comerciales
</div>

</div>

I've tried tweaking around the css, but as much as i've tried i keep getting this:



while WHAT I REALLY want is this:


The first example , wrapper is inside another container which id the Div that has all the content.
In the second example, i have it by itself and it works properly.

The problem is that somehow the under_logo div's background color is also covering the div color. Why ?

Edited by coljung, 13 September 2007 - 12:14 PM.