Hi everyone,
            I'm an avid fan of CSS layers. I created a website using this method. On transporting the site in to ASP.net 2.0 using beginning asp.net 2.0 and VWD as descriebd in the book i've had trouble with the CSS.
    I have a css aligned div layer which i intend on using as my main content placeholder. i intend to use a background image that is fixed and doesn't repeat. i.e there is one copy of the picture in the top left hand of the layer that won't scroll. unfortunately, for some reason when applying this to the specific div tag, it places the images as if it was to be the bacground image for the body, placing the image in the top left corner of the page, and because it's set to that div layer only the piece of the image that overlaps the layer shows up. I don't understand why the code should mean that it
    It works as a html file (no ASP) and the image is in the right place if i set it to "scroll" using VWD. just not when be "fixed".
    Officially stumped.. Would be mega greatful for any help at all!

here's the css code for the div.

div.maincont{
position:relative;
top:-30px;
Background-color:#000000;
background-image:url("images/speaker.gif");
background-repeat: no-repeat;
background-attachment:fixed;
width:86.4%;
height:500px;
text-align:left;
z-index:2;
margin:0 auto;
overflow-y:auto;
}


EDIT:
this is a mozilla firefox problem. any ideas?
works fine in IE

I've had the same problem... the only way that I can get it to work is to include the ENTIRE url to the image. Hope that helps.

Figured it out, well kinda. Take it out of your CSS and specify it in the DIV ...

<div class="rightFade" style="background-image: url(Images/gradientGraphic.jpg)">
        Something
</div>