From bce102584648874209c5ec1171493355dc41f168 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9rard=20Talbot?= <github@gtalbot.org>
Date: Mon, 31 Jul 2023 16:12:47 -0400
Subject: [PATCH] Improved 5 border-image-* tests and created references

---
 .../border-image-slice-006.htm                | Bin 2652 -> 1394 bytes
 .../border-image-width-001.htm                | Bin 3416 -> 2895 bytes
 .../border-image-width-002.htm                | Bin 3376 -> 0 bytes
 .../border-image-width-003.htm                | Bin 3382 -> 0 bytes
 .../border-image-width-004.htm                | Bin 3086 -> 0 bytes
 .../reference/border-image-slice-006-ref.html |  37 +++++++++++
 .../reference/border-image-width-001-ref.html |  61 ++++++++++++++++++
 7 files changed, 98 insertions(+)
 delete mode 100644 css/css-backgrounds/border-image-width-002.htm
 delete mode 100644 css/css-backgrounds/border-image-width-003.htm
 delete mode 100644 css/css-backgrounds/border-image-width-004.htm
 create mode 100644 css/css-backgrounds/reference/border-image-slice-006-ref.html
 create mode 100644 css/css-backgrounds/reference/border-image-width-001-ref.html

diff --git a/css/css-backgrounds/border-image-slice-006.htm b/css/css-backgrounds/border-image-slice-006.htm
index d6484b06db30b052f584c60f0dd3dbb20a61ae41..45feaf60ad7ba15066e5ec4de6273f2a48c4ed0f 100644
GIT binary patch
literal 1394
zcmah}ZEw>s5dO}uID$|?B5|t<q?NQ1>n4G;!NiJyPsmNKu{Fmw_GN8_`0v>6*0pLY
zA|<hXch9{%cP^h_e3{OE-duv9R>94;^Q%u&$a2QM52uV>%r4-^$JzB242nM7l9LrN
zcKJDjOc2=-W6R~TSPl#08aDgNRuN?o%^sGyPc}tObvAicCMT;_X+J&!FgQCq+t>wN
z2u~@H*PCV9k|c$b>Fq6?^Xjf~rqea>@SYo2qw_FBPa~KKgx)+I<+9}s=3dDPdtjZh
z=x7Z~NdkI<e*a|;xCajRTy<Eojf3PnIaE^LfkQRUct^sx43fq;yOxzR-Yh5s;c&5+
zP5US-D$}wI*iHsdfC800V*FIg%KKqH-{#3)kih&ft5f(br%F6J2qB_FT_HOJ$ou_w
zc~B@KIs0fW5(mv&9A^u~8=paCG@+((c2bdhA4<HVITO+Y1!ABQSlxxS-~@6J{s_Kn
z!EBaJHi8nH3KtY8s!8~*5F2T<heqC`hWR=fALTeP=^^;U-yK&#28@HoAt!Xvw@$VR
z{t-Pj$(wYZmL3+tCdNm`rjX`_$h3fUgJ~aSt*mQ>V7UunI|OVktqb^|xiXFEyjq`v
z*~D1v*U-~CpwZffY7?%Ag$8(-gV>Alspb8)H{<@#-Y%YO=pDhZZ&y&8ZXO^V*6&X!
z?vBR@;ynCM({!%F5p+(y%6w<7al}G#QU9upGOn<?$zC6V2#o9|7j|_hZn<lu9>LoX
z_MtR!b=3CnHm{PU`aRqm?CIht=cZooOrV{_OCqoq`ZTmj>b*c-BybUu16haumR0DS
wlot5VMJ{N@Yo-jhnbFNen^@H7GHr{J*&PporAf)+H$_*5nTrvWEDqS@AF17@DF6Tf

literal 2652
zcmbuBTWb?h6ovP*;D0zOqJm8tiVxN?ptfMaYOxjdNz%@w3C+z+dPDr{>bLgE>7;2Q
zsWN2d%$a>%d+&Af`&VZ7Y|B2_8#}PCwrATGtYZ`FTaVSAeX`f~&UW}7?7pp8o$Ir0
z@UGPsT3dYiVsBaPA{ne<HCyMokCm}??TDvjx9vR^WJUHTHnL6MKQ~=9ejD6}=p3_u
zU>~_(T*cDhEqc4YyJqE#pPJ>o<@jjYUAtr1m43jMavC82a>W=L_S~;okI8Z%6J7F9
zSPP%gW7<#8jCi{IdPp@vZJ#TUUEy(W`dSu(J+ed3KId%=(p}<hfknZ(L|;f2NCl7^
zBRO)piCwaD?mjwhr2+cu_Ru9;Xa=kVJLBH7Q*<(roQ+91rD)SLbAJOn;ma7Eo@3TR
ze?q>hkt$hP5u&>up&~2!wfQQUj_bGof_eXjUX4tLWM6j+^`*!Plld5hWe;pt^S!9&
zj)=dc7uTpqi%3qWfwDTqS58b190OHlm3k?T<r(yecH;FJaMzoVY?Fa1UwRh8Vt`cP
zcYUuq<6o?+CrYf1rxm(s|A4A>kx_+Xp9XLcvO**7cZhI;M3-nK7kjt_r9SVff3+(X
zI7UM9Ek`ksVc|UzdskE2am(|X1)5z)Kz_A8Lvz6T&^teQUVVD1Nsz^uXJOxoToa<G
zhuqcU@~7@srot;`qztOuG<h-l`K+rdJ)M!ScICZ2^^>xY?-Bb6C3Tp%QqvHKAtxen
zMf#rfG($O;P!&J4yt<N8{L<{RE3T;V_KFOY>kw<|Yq5)1<aW`_;#l)eUEb&7=*wwz
zT8X>V$-?!5d!5cwSI)C*;-mD;z5a_BD@put-cN7Kp0krH4&Hz<M?@09P>38(V-<S2
zy|}f_W$Z0qiJ$-9sv;eOT){~ieBHChV5lh^ajA!eZR}!A%{QcnUimSdFk<Hz`6nx8
zs2NX_TxBBMR?9`_nND}Hw)CG(QD05FnzY;a{<*MrIs>boynb@)n=-w5rf1IhIsJQG
zBXwB@qRp$bJ<eg|+Q>8&C&sBv)2X>rCB;TM{l)e=?IRym)eFQNc}n`SnRsA;g?Liu
xJkQWB`K2z_`B5>J*g-5(^M3-0c+os%L?W(jx>Q=vN(v{<QH4iDF8+6H+8?K8i#PxP

diff --git a/css/css-backgrounds/border-image-width-001.htm b/css/css-backgrounds/border-image-width-001.htm
index a07426a6282f446d1c7bb31a93b098bd2c102470..2a5d02e8acc53f8e6525c95a07132482e27842d7 100644
GIT binary patch
literal 2895
zcmcImU2oeq6n*cnxKmMd11!;BT^mo%Ly`g;(00M%VcXL{OIH#RNfbybj$8D<?~;~3
z6v?$SphjYd;^DdH-g8Ma{Nd*J>%~8}?;$fq4!3_^efaGfJfE?@CfAJJEN<ZMUl$)g
zz$h5Polzn(jJ^NlftMLm%@|v)R>5i#NR_h1AMDYxjO?=J(bsNG5S!S$d=a`Jk40YU
zc@M$p;^Jbnj<7(VFhd@19^KFgljG&}-5p%<=ss1lE@R;Ie<f9nO2Y!RnZY7Mc)fJ5
zd{OWe{gsGK_8KZBD^z9;D`7H7WUZjAi=|!3=?@-wUSr5MVVnXNHW%eRD9q;`uT3VE
z2M#g!K8i?5EfeEGrZ8#cRBY#hNEXZkc96%OFvGm+S-h`kr1ivK?y_YsO@@9qw`2ST
zH&M0?KoU`586oQu_`~7ICqQ5=YO@t+IF!7=xtHWT)gDB$G+3IscNECAra~Ve7n#st
z$R3C?jPB_<<K~zJAd`Lrb%l{g)-<1JGz|$?2(`u-jD%P`h!}|+VUr`c1^~iv5G5f>
zQ6f}a86DV0S(CAqLQUz={EDlXIJDtZB@Ky^h2t`^8h{dMW(LG-j4TGO?{Z8GXo{$<
z<ld+Od}>;3AE>BvBdUDADw2vcRI-dknNoR+sy38RW0ULN0B%u5B$N7ClW4NiCTwGB
z@fnZCpE-!5*kW8U5~+ZCS$rlhdA_aaz@am=sggSi9>_)!?E!7awOQv>?R7=HVeru~
zYS(7(+MQ!R<Vc|FrL}&yqwM=Ht&x4R?{Ytqxl}WS@h@GJ+t)J~4Xa0pWxXT;-vBlT
zfX+pPcF{4yEso9v3#?WCqo?btlFG1DA(sC-O+i(r-cMbUO~q^glGU9qxJpGigLkBv
z&JgJydXdhkUY@TnTD5rD6m`^k`=vE<RqdREGk612n83KL^9cXA#ds#a^~M@>R)op_
zh%g<#g7NTGo8P9pGh+1SX?Q!`l=tFXZPVvyYnp64gz2e1YjoINXy@?61=>A!2c1%}
z`+aD34&<W1Q^dOtvJqflzqhX@X9V3=`fYEaw;eyWt<Z~TO7QNK6$i4$&ye+Vhu8Yw
zlGTeidjlTmnm$8UxAhKnQKjIUo%^;U`s=PaLgvon=I+Gym#1(k<MqM)!}=ZN^cy{=
zGtM2&9*B517(F?{L&9H%%zhula>M=j1n2lWa8AAh=k$C|>sv@yDO=i**?ZIFf7o>m
A)c^nh

literal 3416
zcmcgv+iuf95S?cv{$VK(fJ7Y90usgK0g40?Efp;So{$?m7u88k?B0a<b>N)YOdTgq
zaq@ty__8}YbN0+_^XGRc_he5#${RVBZ*nMa#mP_#8B2<{L-{PP<%7J(ypt_yNgLM}
z*}*s8_ONOXGhgK$-u5Bsq$7bm!Se`OrZSQqo|Jtn2hcz*)L%#@yE=X;yaN1oa6iME
z0mhHz6Yf_xSUULf)~cf|$>;0@65}g|jjr64I}+ZkchJQ>O(6fOA%>2;&}-hJX?EBN
zFIq?>f=zGH#_bsb&j`O1QeCiigv()fiQ?YXcWQ9*Ku&b`F}|i?dIY=?xJdARi7)PK
z2q_2VrjX23u8?btaGtYH`j|P#yu(h<q2WZOa(qXy$h(sZ+*8aZK;N$5BWH%(o*`sM
z&~}QMDb}RQUxf9vNPp3*<u1wYK34P;We$lxW+^k&_5EA;A1|#7pyv$xXsd?yN|x&|
zlGhYGHM3n8e?4%PBQ9IuF#?iP_=DV^gO3=P?kflMP!rz~$Lbx7fwoZpOmOEHne1Z+
zjDlQuK`thcO7zb8GD<el&X~xdZ94PNvi@UuZ3G#5*vG5`4`h~X`0*hS7LZsk_MAq>
zI&q(C%=dt&uTjs)>MQ<Y0ZF8h=HMspE>`qsxW`y~fgf{>JMx(~?>mQC%R6QZBc3_K
z3@Ct@dBu0G&vc%)1ALLGL~(HqbCi5}Px<wiDo-@T!MYVeQ%~i{9wTdvS;IwpnLNe_
z>*xUb3;iNqR!~ZFmRhKlHHNw7pxf_}{vk`H&VTQfdpQ7e^R=UHM`OsOur>llT3)ur
zXqwJ=$nZ{-<Zb{9KC3h6U|bRXJhJ(U7ii?K&KvT0tq8cwYoPI&L%mlRX~PzyoR!;Z
znmz04oy{?~eZ=1;^;7$dty%S~s~#=oAXScbm8Do-Hq=I5eV<?l>7d_c*em0TwdrKW
z2EDe4&T8+;p^eo%LBIC4)<?Oh(f26R$$pi}LwG0$`V1HMN6)d^Cb%Z@eU7aF5{#lP
zd9(pzRV-y^<?f#0_Y}V!{I(nFX4YGFQpYyD;r-E!CsrGtd6*d<!#b<0_?z1Pb!(jY
zDrwd7e?&iP7wc}aA?F=<Z5`GYIk(kiE;aLAmHm!9Z-k<reV)b2T2?(xa*lDfe9jED
zZpNs4)fHBWLgY&K=Dg{9mhbtj*X*R$8<=Sv;W#^<dBmUkc#3DA8DQMY@g!}Xw9HfX
zo*&3!>%i8VCdg^8iM5_Rn5(T)u{RhFkCErzK+mVdUl)TRY8$&bF~@pVvU<IEMmH|(
eX)C*`-)mWAqdl`you@z8uS(v%hy4GhuKWeQ!Rh1x

diff --git a/css/css-backgrounds/border-image-width-002.htm b/css/css-backgrounds/border-image-width-002.htm
deleted file mode 100644
index 3503e8373fcf69dcbf121913c7df24e583afc1f2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3376
zcmcha%Wl&^6o$_liFYt%L6Jy8C@d%;3uq;fC{(lvSfMm_602z%;`AoOs{{WxlZoTp
za9f0|X6%`Bzx-$V`&Yy6*^Yg%*LG-MZQph+vYw6Y#QJ*Mw@>!U-q~B7N48-VtLgb{
zTl(g0M_fBP`C@PMwkOKS>Q=SKS`Q>;WT~~aLc444B>^eOAKTEj-TsB~RQ0!|-&65)
zwSQ<I^?NzBrLHfpt+-pUY(`JjVtvKZ(X_jE#~M@qNV4#0Ao`ajZK&IG_snVxk|TM-
zgNDRf(&;sZ{jfG<PpZGZsG5q}fu2a-CC=_`_l|_f9@vrdKGxSrkxpfAOR-4wexWZs
z>xn8-<VK<#I=Zo4X@_%8BmG|JEV6U)_U%kGnZCL@KiB&}@2UG8YQ5ABSw7Pa{F%I|
zY0d2=hQX7tHpGLBW1Wng1mf9}6f7WrWI30@>7F>+&gx7Q9i2kcbNrn(`8ZkNt4hwP
zB2#k`YAd6@%tqqeSKP|!URIB7#VAvqR+OujEIC$W$psONWz&5Z12R@7m)Nn|gA-Xh
zmX=7eTk<$@aq7qesv>h<5Q~AR$n4mi=T&nP=`H6U_2)CRDF0AdOGQP7eGNy71Cb>f
ze!nLR$D&A;Y3O`?v!;?9Yp><v73rMVp^e%t)~v77+jPa5>`9zH^o*QE1NBF1Vnysc
zA;tq)?>l8vlpQ^A(h(2E)e${47rCs0UH&V0L2pyjk?84DF9|uh_vi#Ce9vUAdqGCu
zmwng8o`!s%I%$bIbm+RREjloSUJtxPH<irT9!>So-&9_1<E%GiBxDH0$z%_8MLuTt
z@o%WzBJZNN#q;&DnFL*BnJ7`SiLicsg@Wr>@)`Sh1Mk2R>h4m%HRX(MoJZt<Q(>hi
zeWfl#vq1I3&5Q80YF*a#71?nrJE<`6oIJ<&qNF^yJmSM!*W?_^yGVO<#?i$8o60Os
zkxbIS;l$aAuIpPlFVXjJkV!B1ZBsePWc^SN{*fziGSM@zZ!__#iejL%4fWY=ZOLaO
zk$g6dWQb`w`CwJ3ROCF79G{bN{LE}_Fre409p$)-K9tq{b8W4Ga_6q1SpQECP-h@Z
zIj`qqUUyNa56bb+$NcFu_t(kXzl=Tis2snFH$%?wc=68IaM&FS>xvu!jT-8f=Jf8!
zJuu8`(0g{;(rW?jnK>aJ9-Wvwpm}$KF4St6T-+5yr!pbFtB=E63KM|&6mX8|AJC5p
z&J;+exCPSZGZ1^Z&sN<%6JM59V?)^IE0$Rr5T9uN4e0}C)5-TzR_Ulsv=q<D4f8Y4
MfzOuzf2e7H01i;)9{>OV

diff --git a/css/css-backgrounds/border-image-width-003.htm b/css/css-backgrounds/border-image-width-003.htm
deleted file mode 100644
index d85c6352885c6a51634eb49b3360fc4726cacb7c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3382
zcmchaT~8B16o${WiT`265H+z|D{2(iUMM7*h!Vl5S7zz9w6T=hEfh5Vb@hE_x}9xV
zus~uq-JOp!@0|0VkD31Yo!Bkgu=n=LcI}I8+ona<wXq#oU#)HXXfN%pz0rJRD^|0*
zo=>)>KCKO{+R)5rd#%=%BqM8BY!CF^5z5GV*3uW*O?xK<P{1GC(AM4f#CT%;*7QEq
znthG$+6TQ)X1X-g^SjND)+{gW6I-TUrahW=({5NYTOSDvn+B49v7`<Sd*+_<js<cg
zOL*9!ZK?M3I~L=`H<3O){rZw>inSd*k*sSwz1LkEgvjpLp0hqvZzQIB(l-?sZM7%r
zVOdvFk(e7va_Hp7cB&EPnT_<GXfCp2t?k>9WODWPHGi!3K<%D;`_(NsHlFU2h~u)h
zFj&}8d=sI9@J%x#t?oNEQ|-k5cn=>36u92fik8zkmqbUi$aLNM&IR5$II}Jm&Y^gz
zJB0eVoLA`x%YCu7+}>5u*b<kyqO>MYrPAb^c*PS(;v<tzw;c!gYZ*_X$N3f<NL&08
z2|Ja=ZO2nb77!D;vjQ##lESZJHy>i=D(I=RkLdFrI*Y$6uk|E_hkXP`;sIu1!;g2R
z;aCz?5r%}1zw1Ohao5pr<n$ogi9K>C7y1v^BF@5i*&k?7WL6|yK}%JOf^^8X$i-`z
zDWoHz6YE4VUv~ArAnW|9j<mstx!o^eqi0VZqy`2Qaue3clPZK*vT%=$SQfB-7E%%L
zhmQo$@x<AdX+<Vns${A-A>;8vM=QvrVB1*zq0<$6yoP8Fchqa7>4O3)6^&f>tW&kX
zo#(yai*;T@qJk5_*Q36wSNxA$M)Om*8@islxT2~MfhT&`g-2d4R_3B&`7gQYBetrl
z6|z6wsZsRK`&MOtO<EjEOQK=j*_zq&CDB;pt3FZK(CImpW%!NSvNyFI{;q;Kf0E=v
zBg)z?;@Ru+S}r1@<!FXUyKi^pk6hzJJ=lkzsFrO#1N&NHE0)ASb1Qc5+PZ|yg~^Aq
zZgtA&>XO*y{PY-WQ-3VS6P1M<3{{Txk1w@)UjK$YU265O3*(IJKX%c?_kTn`wSgMj
zz9Q$1OR~1e`J*XoA(xi(-6H!>uE9QcsZhD*?}p3~XJ>DXiL17ms@(jFq7o&_mFDdB
z$QfIl+5Th=XC9fxIlwr#h{7Yj4pV`t<NF%-a@>o#W6}$GN^SqHEcSIg)c%2T+9Poi
zgv!UglRbO0s>P`o&KUINMjPwiTz9rq#bY8pe9WRzQR`vz;u_Cw+^=jp{GwgGM|~z+
So<}cEyx;@xE&q?md*v_t&E-4*

diff --git a/css/css-backgrounds/border-image-width-004.htm b/css/css-backgrounds/border-image-width-004.htm
deleted file mode 100644
index 0d1fc02f141bb4abd3cb929f4bdd38f68209d720..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3086
zcmcgu%Wl&^6uoOC{$VH!U=f>8kf4|>phzH5sAv(eLMC<_tF9a3^d-cv1LxeE$;7GC
zx<x`!JY(PYxsRDYzZ1D5oAN<k$*z2rZFwzDMlzK{DY4s@Px4aU$y?B!tVvH|{65P%
z-nrX^)Fvoj<PCOP;B?ZLNFHL{ftHCBGQ>*W*YX}3sD=8cGL{Yfek%M$_^;!61etw&
z-<6Mep3Qyf<ISu!zxJeFuoFp!w+uE0a$9amGM9JI#h5Dazv$>gU!Li2(W2Mv5D9;@
zkV^`iX3>B5YXW}?{7Y~RfZ7gz4$<Z6_lEAN!O1=OuF+?Bn*iwo{-(ep$Nm&=jBErh
z2jnK;94p^c&hdqGQmG}CW9*NVGldn0FHTPIEJ4ZPaSVF!i8y(0{hENc09FT}OdwM#
zW~O<hUNVzG3lZId#85q}!LbJ_c}6O~cM0Z)7vv)7IYRWYYKT`N+vX#&EP+io+if*B
z1ZFjAv4?!5@Z<nFAl}EoBZE(O5gDzJ&T4JTSFQLB!9_n-M{o#^sphA`lW#<F57Nwh
zt<uDz0#~k2(nDq3L_2GuhPKHpLl^b$BEAAV%&^s|0}hOtXxR4=Je-1~fVaz4XR@_c
z=ukNd$Y!dKTB`ZZH87+$U-MSeR`dMst+G>CnKoP4&8)g6H?zXZ%R$@6N<Z(TM;MjG
zaRM57Om7NL$Fq#3@QA(o08~~nF`y<QK)vh+M#h|Ekgs5&>37I|bVc?#xz5!Zt(+@f
z%r8+t!!w3W=4yH7_%8J;E7J1R*2|vjr%puwwrXvw`JTpJYWy3DKqk*SY6~60S=YzO
zFh*<+*s-GwYnw4Q(b=4m0eRYbq^HnhJg@KTvR?W+0SY<JET{Vt6}5)k93vi91G_2K
zNs)uAl5Y!`Mc`natf8v@)t7J*&=WuFyJ=nQ2#=8EqnkW?lczJQp7Kv-+3Y6W^qkr0
zV*A&nb;b@nfhV^9kLq_iCpf9QMZJu9U!Hb~+xO=(=AnbuucfDneqY!Z?8M8XXh)wn
zh%mdF_a4$1^TiucqO(53oNG$>NE7%onBR<e%kd`_XTO~@Hj6of!|V<ju{px~W~%+h
zIZi%1C3sG|g${Ly;RpJcHBAa-ct%y|W<QZ^>f7Yw9g62gF`rsI1H$=0e|cMr^oGS)
t+UhZx)hhkU^tAW0`>HALB?qeCDt?uXcxI(ZXKr|B2|2KA*=>Iye*xtluXz9f

diff --git a/css/css-backgrounds/reference/border-image-slice-006-ref.html b/css/css-backgrounds/reference/border-image-slice-006-ref.html
new file mode 100644
index 00000000000000..d4312675731e10
--- /dev/null
+++ b/css/css-backgrounds/reference/border-image-slice-006-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reftest reference</title>
+
+  <style>
+  div
+    {
+      background-color: green;
+      height: 30px;
+      margin: 50px;
+      position: relative;
+      width: 30px;
+    }
+
+  div#top-right
+    {
+      left: 130px;
+      bottom: 80px;
+    }
+
+  div#bottom-left
+    {
+      bottom: 30px;
+    }
+
+  div#bottom-right
+    {
+      left: 130px;
+      bottom: 110px;
+    }
+  </style>
+
+  <p>Test passes if there are four identical green squares and <strong>no red</strong>.
+
+  <div id="top-left"></div><div id="top-right"></div><div id="bottom-left"></div><div id="bottom-right"></div>
diff --git a/css/css-backgrounds/reference/border-image-width-001-ref.html b/css/css-backgrounds/reference/border-image-width-001-ref.html
new file mode 100644
index 00000000000000..a3e1a91eef02ac
--- /dev/null
+++ b/css/css-backgrounds/reference/border-image-width-001-ref.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Reftest reference</title>
+
+  <style>
+  div.subtest
+    {
+      background-color: green;
+      height: 120px;
+      margin: 8px auto 8px 0px;
+      width: 120px;
+    }
+
+  div > div
+    {
+      background-color: lime;
+      position: relative;
+    }
+
+  div#subtest1 > div
+    {
+      height: 75px;
+      left: 15px;
+      top: 30px;
+      width: 80px;
+    }
+
+  div#subtest2 > div
+    {
+      height: 60px;
+      left: 10px;
+      top: 30px;
+      width: 100px;
+    }
+
+  div#subtest3 > div
+    {
+      height: 75px;
+      left: 15px;
+      top: 30px;
+      width: 80px;
+    }
+
+  div#subtest4 > div
+    {
+      height: 90px;
+      left: 25px;
+      top: 15px;
+      width: 70px;
+    }
+  </style>
+
+  <div class="subtest" id="subtest1"><div></div></div>
+
+  <div class="subtest" id="subtest2"><div></div></div>
+
+  <div class="subtest" id="subtest3" style="height: 135px; width: 110px;"><div></div></div>
+
+  <div class="subtest" id="subtest4"><div></div></div>