Im struggling to get a body background image to show! I have Large image background, that is in a div in the html. Here is the CSS and html:
<img id="background_img" src="images/site/home/architecture.jpg" alt="#Url.gallery#">
This div is outside any of the other containers and is displayed well. Now I would like to have a background image (a small colored Line) on the far right hand side showing over the large image background. I tried to apply it to the body tag like this:
font-family: Tahoma, Geneva, sans-serif;
background: url(../images/site/wrapper.gif) 100% 0 repeat-y;
But it doesn't show. When refreshing the page you see its there. You might ask why I'm not applying the background image to my wrapper! That is because I already have a background image for the 100% height wrapper:
background: url(../images/site/sidebar.png) 50px 0 repeat-y;
What other options do I have to have that image (a small 10px width line ) on the right hand side with a 100% height?
Thank you in advance!