| <html> |
| <head> |
| |
| <style type="text/css"> |
| .hey { |
| float: left; |
| } |
| .box { |
| overflow: auto; |
| height: 100px; |
| width: 100px; |
| } |
| td { |
| background-color: #ccc; |
| } |
| </style> |
| |
| </head> |
| <body> |
| |
| <table><tr><td> |
| |
| <div class="box"> |
| |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| <span class="hey">stuff </span> |
| |
| </div> |
| |
| </td></tr></table> |
| |
| Here it is: a gray, one-cell, no-width-specified table, with a 100x100 scrolling (overflow:auto) div inside. In this div, there are floating (float: left) span tags with content inside (text).<br><br> |
| |
| You would expect that the table would expand to fit the defined width of the div tag. But in Safari and Shiira, the table expands to fit the height of the <i>content inside the div</i>, not the height of the div. This behavior does not occur if the content is not floated.<br><br> |
| |
| </body> |
| </html> |
