rauljungle
New Member
When I put this code in my html file, it is working without issue:\[code\] <style type="text/css" media="screen"> #headerimg { display: block; background-image: url('/Content/images/epp/ebweblogo1.gif'); background-repeat: no-repeat; background-position: center center; width:100%; height:100%; margin: 0; padding: 0; } </style>\[/code\]but when I move it to my css file as this:\[code\]#headerimg { display: block; background-image: url('/Content/images/epp/ebweblogo1.gif'); background-repeat: no-repeat; background-position: center center; width:100%; height:100%; margin: 0; padding: 0; }\[/code\]This is my html:\[code\]</head> <body> <div class="page"> <div id="header"> <div id="headerimg" />\[/code\]I am assuming it's due to the image location but I'm not sure since I've tried variations of the path and never got it to work.Any suggestions?EDITSorry, you can't read my mind, I know.When I place the css in the html file, the image displays fine. When I move it to the css file (site.css) it is not displaying at all. I've tried several different paths and it isn't being displayed no matter what I put in there.