Biztos sokan használtátok már az AJAX-os Calendar Extender, és tudjátok, hogy az évek és hónapok között a jobbra balra nyíllal lehet lapozgatni. Az ábrán a lapozáshoz használt gombokat láthatjuk pirossal bekeretezve.

Sajnos az IE8 alatt ezek a gombok nem működnek, ugyanis nem tudunk a nyilakra kattintani. Mikor a nyíl fölött kattintunk, úgy érzékeli a böngésző, mintha a naptár címére kattintottunk volna. A vicces, hogy IE7 és Firefox alatt is megy, sőt IE8-ban is, ha be van kapcsolva a Compatibility Mode.

Kicsit közelebbről megvizsgálva a dolgot, rájöhetünk, hogy a probléma az, hogy rendereléskor a tagek egymásra lógnak. Ha elég ügyesek vagyunk, akkor rá is tudunk kattintani a kis nyilacskára, mert van egy pár pixel, ahol nem lóg fölé a cím. (Valahol a bal alsó sarkát kell keresni.) Ekkor működik is tökéletesen.

No de hogyan lehet az egymásra lógást megszűntetni?

A megoldás nyitja a CSS, csak annyi dolgunk van, hogy megadjunk a div-re egy olyan formázást, hogy ne legyen margója és működik is.

div
{
    margin: 0;
}