CSS3: multiple background images bug?

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!

Leave a Reply

Note: Only a member of this blog may post a comment.