| <!doctype html> |
| <title>Test non-top-left background-position anchors together with repeating backgrounds</title> |
| <style> |
| body { margin: 0 } |
| .rightnormal { |
| width: 30px; |
| height: 100px; |
| } |
| .rightnarrow { |
| width: 10px; |
| height: 100px; |
| } |
| .bottomnormal { |
| width: 100px; |
| height: 30px; |
| } |
| .bottomnarrow { |
| width: 100px; |
| height: 10px; |
| } |
| .limecolor { |
| background-color: lime; |
| } |
| .redcolor { |
| background-color: red; |
| } |
| </style> |
| <table cellpadding='0' cellspacing='0'> |
| <tr> |
| <td> |
| <div class='rightnarrow redcolor'</div> |
| </td> |
| <td> |
| <div class='rightnormal limecolor'</div> |
| </td> |
| <td> |
| <div class='rightnormal redcolor'</div> |
| </td> |
| <td> |
| <div class='rightnormal limecolor'</div> |
| </td> |
| </tr> |
| </table> |
| |
| <div class='bottomnarrow redcolor'></div> |
| <div class='bottomnormal limecolor'></div> |
| <div class='bottomnormal redcolor'></div> |
| <div class='bottomnormal limecolor'></div> |