divs transparency problem

[roula]

Hi,

I have the following nested divs, that I am not able to set them transparent in IE, but in firefox they are working fine:

<div id=&quot;dhtmlgoodies_scrolldiv&quot; style=&quot;background-color:transparent !important;position:relative;top:255px;left:257px;&quot;>
        <div id=&quot;scrolldiv_parentContainer&quot; style=&quot;background-color:transparent !important;&quot;>
            <div id=&quot;scrolldiv_content&quot; style=&quot;background-color:transparent !important;&quot;>
 

and here is the css for each of the divs above:

#dhtmlgoodies_scrolldiv{
        /* The total width of the scrolling div including scrollbar */
        width:530px;
        height:500px;    /* The height of the scrolling div */
    }
    #scrolldiv_parentContainer{
        width:500px;    /* Width of the scrolling text */
        height:100%;
        overflow:hidden;
        border:none;
        float:left;
        position:relative;
        background-image:none;
    }
 
    /*
    CSS for the scrolling content 
    */
    #scrolldiv_content{
        padding: 5px;
        position:relative;
        font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
        font-size: 0.9em;
        line-height:130%;
        color: #333;
    }
 

thanks for your help.

[drhowarddrfine]

You cannot use the &quote entity for id names. That might be confusing IE. Just use the regular "

[roula]

You cannot use the &quote entity for id names. That might be confusing IE. Just use the regular "

Oh I'm not using them, it's just when I pasted the code in the editor it changed the " to that, here is the actual code:

<div id="dhtmlgoodies_scrolldiv" style="background-color:transparent !important;position:relative;top:255px;left:257px;">
   <div id="scrolldiv_parentContainer" style="background-color:transparent !important;">
      <div id="scrolldiv_content" style="background-color:transparent !important;">
         (my content here)
      </div>
   </div>
</div>

also there is a parent div that all 3 divs above are inside it, and this parent div has a background that i want it to appear, that's why i'm trying to make the other divs transparent, which is not working in IE (6) and the background is covered with white.

here is the code for the parent div:

<div style="width:800px;height:800px;margin:0 auto;background: url('/img/bge.jpg') center no-repeat;}">

[roula]

oops it was my fault, one of the divs had a white background specified which i just remembered.. sorry and thanks :) the problem is solved now.