1. Sempre caro mi fu quest’ermo colle, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.
2. Sempre caro mi fu quest’ermo colle, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.
3. Sempre caro mi fu quest’ermo colle, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.
4. Sempre caro mi fu quest’ermo colle, e questa siepe, che da tanta parte de l’ultimo orizzonte il guardo esclude. Ma sedendo e mirando, interminato spazio di là da quella, e sovrumani silenzi, e profondissima quiete io nel pensier mi fingo, ove per poco il cor non si spaura.

In all the above test cases there is a green box containing a yellow one. The inner (yellow) one has negative margins on all four sides, so it should protrude out of the outer (green) one. The four cases only differ for having hasLayout applied or not to the boxes (using zoom:1). In modern standard browsers all cases are rendered identically. The inner box has position:relative, which helps some of the IE7-/Win problems.

  1. In the first case neither box has Layout. In IE7-/Win the outer box expands in its lower part and the backgrounds are unstable (only the upper yellow part in IE7, all of them in IE6 where the green background is somewhat repeated below.)
  2. In the second case only the inner box has Layout. In IE7-/Win the outer box expands in the vertical directions to enclose the inner one, instead of letting them to protrude.
  3. In the third case only the outer box has Layout. In IE7-/Win the parts of the inner box protruding horizontally are clipped (IE7 is better, but partial clip still occurs.) Instability of the upper part of the yellow background.
  4. In the fourth case both boxes have Layout. IE7-/Win is correct.

CSS tests home