Ostanio, podczas pracy nad kodem do Esteliona zauważłem bardzo ciekawą rzecz, która - nie ukrywając - przysporzyła mnie samemu troche dodatkowej pracy, oraz całej grupie kilka dni zastanawiania się, co tak naprawdę jest w kodzie niepoprawne.

Z racji, iżpowyższy projekt ma być w pełni kompatybilny z każdą możliwą przegladarka, duży nacisk kładziony jest teżi na zgodność z MACiem i ichnią, niby to taką super, przeglądarką Safari.

Safari, jako jedna z pierwszych i nielicznych nadal jeszcze przeglądarek, od kwietnia 2005 roku przechodzi test ACID 2. No i niby wszystko super, tyle tylko, że na poniższym kodzie... Safari tak jakby nie do końca działało zgodnie ze specyfikacją CSS:

<div style="height: 100px; background: #FFF !important; background: #000; border: solid 1px #F00;"></div><div style="height: 100px; background: #000; background: #FFF !important; border: solid 1px #F00;"></div><div style="height: 100px; background: #000; background: #FFF; border: solid 1px #F00;"></div>

Według specyfikacji winniśmy otrzymać 3 prostokąty z białym tłem i czerwoną ramką, jednak w Safari 2.0.4 reguła !important jest ignorowana(!?) i otrzymujemy w rezultacie takie oto coś.