CSS Help

[chris_reilly]

Hello,

I am trying to get an image to show on the bottom right and left, however i can only get it to show on one. How can i get the image to appear on both sides and still work on all monitor sizes like the one sided one

The code i am using is:

     background-image: url(http://wehavetomorrow.co.uk/templates/mp_siouxbg/images/me.gif);
     background-repeat: no-repeat;
     background-position: bottom left;

     background-image: url(http://wehavetomorrow.co.uk/templates/mp_siouxbg/images/me.gif);
     background-repeat: no-repeat;
     background-position: bottom right;

As you can see on wehavetomorrow.co.uk it is only showing on the bottom right.

Thanks

 

[Brian]

You can not have two background images like that, like if you take away the second one, it will appear on the left.

To get the desired affect, you should create a div for both, and have the image be the background of that div, and have that div positioned at the botom, and have the z index in such a way that it is always under everything else.