Hi,

I've just started a new website, downloaded a free theme from some website and I'm trying to implement that into an ASP.NET web application.

I simply copy/pasted the CSS and I'm now bringing in parts of the webpage bit by bit, starting with the header and title, then a menu bar, a ContentContainer and finally the footer.

When in the VS designer the page looks fine. The background image for the header shows up, the menu bar has its own designated space and separate background image, and the content is separated from the rest by a wide margin.

When I run the web application however, it looks nowhere like that in my browser. The header and menu background images are gone; the margin around the content is gone, etc. It seems about half the style elements are intact while the other half is somehow missing.

Things I've done and tried:
  • Confirmed that the correct CSS file is used for the master page
  • Refreshed the page a couple times, even cleared the cache and used different browsers to make sure that it's not using an old cached version or something
  • Clean solution / Rebuild / Build, etc...
  • Restart VS
  • Shout at it



This problem seems to pop up from time to time, I've never been able to figure out what causes it and it usually resolves itself... This time it seems persistent though, nothing fixes it.


What could cause this? I am hesitant to say there's errors in the CSS file for two reasons:
- I have ReSharper 6 installed which checks CSS files for errors, warnings, etc, it does not find any
- It works in the VS designer!!!

I suppose I could post the source but the CSS is quite large so that would be like searching a needle in a haystack. Also, because it works in the designer I feel there must be something else going on...


Anybody have any idea what could be causing this behavior?

Thanks!