[webmasterworld.com], and a warm welcome to WebmasterWorld :)
Yes, it is frustrating! So I appreciate you haven't made a huge code dump or linked out to a draft page that will disappear leaving later readers without any clue of what the problem/solution was/is. I am thinking I'd like to see some code just like birdbrain, but there are a couple of basics still to try - can you just work through the following and let us know if it produces any clues.
Ok, it looks like you've done a great job problem solving so far. Although you didn't exactly say what the issue is I'm assuming the image isn't visible. I'm also intrigued by your statement this is an intermittent problem. Is it just some images/code, or just one image/code that sometimes fails to show?
Note often this is simple, so it is doubly important to work through the basics. I understand you are a fan of Visual Studio ( I'm a fan of my favourite editor too), but unless VS's features are causing the issues, focus on the code and how it is performing in the browser.
For that reason always test in a browser rather than the internal "preview" in the editor. Check in a range of browsers to see if results vary, and use the developer tools to check the code is being assembled properly and the styles being applied to the element.
Then run through the following steps, which include those already suggested - but this time testing the results in each browser as you make changes, and noting if the results vary.
- Double-check there is no gap between url and the open bracket
- Validate your html [validator.w3.org] and css [jigsaw.w3.org]. Typo's are easy to make, so validate often, especially when code isn't behaving as you want.
- Definitely change the backslash in the url. Windows won't mind, other servers will.
- Try quoting again (But don't be disheartened if it doesn't work - never does for me either ;) )
- Check your background-position. If there is only one keyword (right) the other will default to center. This particular image in this particular code it may be enough to make the image "un-see-able". Try something simple like
background-position: top left;
- Use the developer tools to check the image is being called, but double-check by calling it as an image element in the html, and then by setting as the background on a block level element with an explicitly declared width and height large enough for the whole image to show.
- If the image still does not display, test using a different image.
And if none of that identifies the solution, come back and we can look at the next problem-solving steps. Edit Reason: