Test 1: a paragraph with overflow:auto and height:4em;

Diam, te ventosus interdico esse vel vel, eligo nunc ullamcorper. Eu paulatim tum blandit populus incassum lobortis abigo regula velit typicus jumentum accumsan in. Autem iusto usitas olim wisi roto. Veniam voco praesent, at ratis in rusticus epulae tamen, neo populus hendrerit typicus. Ulciscor jugis nutus, bis, aliquam validus velit commoveo ingenium ullamcorper, ea vel conventio distineo. Eros jumentum bis, exerci eu ex cui luptatum lobortis blandit ad. Scisco consequat molior luptatum, quis ratis enim. Quod singularis usitas ad meus refero, illum si, hendrerit, immitto laoreet.

The height is ignored, the paragraph collapses completely.

Test 2: a paragraph, same as above; with width and a top padding

Diam, te ventosus interdico esse vel vel, eligo nunc ullamcorper. Eu paulatim tum blandit populus incassum lobortis abigo regula velit typicus jumentum accumsan in. Autem iusto usitas olim wisi roto. Veniam voco praesent, at ratis in rusticus epulae tamen, neo populus hendrerit typicus. Ulciscor jugis nutus, bis, aliquam validus velit commoveo ingenium ullamcorper, ea vel conventio distineo. Eros jumentum bis, exerci eu ex cui luptatum lobortis blandit ad. Scisco consequat molior luptatum, quis ratis enim. Quod singularis usitas ad meus refero, illum si, hendrerit, immitto laoreet.

The height is ignored, the paragraph is as tall as the specified padding.

Test 3: a paragraph, overflow:hidden, height:0; top padding;

Diam, te ventosus interdico esse vel vel, eligo nunc ullamcorper. Eu paulatim tum blandit populus incassum lobortis abigo regula velit typicus jumentum accumsan in. Autem iusto usitas olim wisi roto. Veniam voco praesent, at ratis in rusticus epulae tamen, neo populus hendrerit typicus. Ulciscor jugis nutus, bis, aliquam validus velit commoveo ingenium ullamcorper, ea vel conventio distineo. Eros jumentum bis, exerci eu ex cui luptatum lobortis blandit ad. Scisco consequat molior luptatum, quis ratis enim. Quod singularis usitas ad meus refero, illum si, hendrerit, immitto laoreet.

The overflow works correctly, the paragraph is as tall as the specified padding.

Test 4: a paragraph, floated, overflow:auto, height

Diam, te ventosus interdico esse vel vel, eligo nunc ullamcorper. Eu paulatim tum blandit populus incassum lobortis abigo regula velit typicus jumentum accumsan in. Autem iusto usitas olim wisi roto. Veniam voco praesent, at ratis in rusticus epulae tamen, neo populus hendrerit typicus. Ulciscor jugis nutus, bis, aliquam validus velit commoveo ingenium ullamcorper, ea vel conventio distineo. Eros jumentum bis, exerci eu ex cui luptatum lobortis blandit ad. Scisco consequat molior luptatum, quis ratis enim. Quod singularis usitas ad meus refero, illum si, hendrerit, immitto laoreet.


The height and overflow appear to work, scrolling mechanism is not functional.

Test 5: a paragraph, floated, overflow:hidden, height:0 and top padding;

Diam, te ventosus interdico esse vel vel, eligo nunc ullamcorper. Eu paulatim tum blandit populus incassum lobortis abigo regula velit typicus jumentum accumsan in. Autem iusto usitas olim wisi roto. Veniam voco praesent, at ratis in rusticus epulae tamen, neo populus hendrerit typicus. Ulciscor jugis nutus, bis, aliquam validus velit commoveo ingenium ullamcorper, ea vel conventio distineo. Eros jumentum bis, exerci eu ex cui luptatum lobortis blandit ad. Scisco consequat molior luptatum, quis ratis enim. Quod singularis usitas ad meus refero, illum si, hendrerit, immitto laoreet.


The height is ignored in IE Mac.

Test 6: a paragraph, floated, overflow:hidden, height:1px and top padding;

Diam, te ventosus interdico esse vel vel, eligo nunc ullamcorper. Eu paulatim tum blandit populus incassum lobortis abigo regula velit typicus jumentum accumsan in. Autem iusto usitas olim wisi roto. Veniam voco praesent, at ratis in rusticus epulae tamen, neo populus hendrerit typicus. Ulciscor jugis nutus, bis, aliquam validus velit commoveo ingenium ullamcorper, ea vel conventio distineo. Eros jumentum bis, exerci eu ex cui luptatum lobortis blandit ad. Scisco consequat molior luptatum, quis ratis enim. Quod singularis usitas ad meus refero, illum si, hendrerit, immitto laoreet.


Similar as test5, but with a 'height' of 1px; the height is now respected, the contents is hidden (pushed down by the top–padding).


back  ||  LCN — test area