I was testing the following markup:
<div> <h3>Title</h3> <p>...</p> </div>
with the following styles:
div { background: #ccc url(topleft.gif) 0 0, url(topright.gif) 100% 0, url(bottomleft.gif) 0 100%, url(bottomright.gif) 100% 100%; background-repeat: no-repeat; width: 240px; padding: 10px; }
This way, the entire box with all its content disappears in all browsers, even in those that don't support multiple background images. Am I missing something?
Update
http://lists.w3.org/Archives/Public/public-css-testsuite/2010Feb/0017.html. Yes, I was missing something!