| <html> |
| <head> |
| <title></title> |
| <style type="text/css"> |
| <!-- |
| #img1 |
| { |
| position: absolute; |
| } |
| #img2 |
| { |
| position: absolute; |
| left: 300px; |
| } |
| #box1 |
| { |
| position: absolute; |
| width: 200px; |
| height: 200px; |
| background-color: #FF0000; |
| } |
| #box2 |
| { |
| position: absolute; |
| width: 200px; |
| height: 200px; |
| left: 300px; |
| background-color: #FF0000; |
| } |
| --> |
| </style> |
| </head> |
| <body> |
| <p>An absolute-positioned image with only one dimension specified should retain its aspect ratio. If this test succeeded, there should be no red on the page and both compasses should be equal in size and height.</p> |
| <div id="box1"></div> |
| <img id="img1" src="resources/compass.jpg" width="200px"> |
| |
| <div id="box2"></div> |
| <img id="img2" src="resources/compass.jpg" height="200px"> |
| </body> |
| </html> |
| |
| |
