Hi, I am doing a page that I can't change the markup and source order  
(think CSS zen garden!),  and is facing a problem with background image.

The markup looks like so

<div id="wrap>
        <div>content goes here </div>
        <div>more content ... </div>

        <div id="footer"> <p>with background image in the footer div </p></div>

</div>

CSS:

#wrap {
        background: url(images/content-bg.png) repeat-y ;
        width:914px;;
        margin:80px auto 0 auto;}

#footer {
        clear: both;background: url(images/ftr-bg.png) no-repeat left bottom;
                text-align: center;}

The wrapper background image goes all the way down which is great  
but  it goes beyond the footer. I need the footer image sticks to the  
bottom.

Can't show the page here but happy to send the url off list.

Any pointer greatly appreciated.

tee


        
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to