Вёрстка

Значит, я такое творю.

Описываю языком стилей. Гениально:

#map *
{
position:absolute;
}
#map li label
{
cursor:pointer;
font-size:0.7em;
color:#7D7E80;
white-space:pre;
letter-spacing:0px;
line-height:1em;
z-index:2;

overflow:visible !important;
overflow:hidden;
}

*+html #map li label
{
overflow:hidden !important;
}

#map li.active label
{
font-size:0.8em;
font-weight:bold;
margin-top:-0.07em;
}


#map li label em,
#map li label em i
{
display:block;
position:relative;
font-style:normal;
white-space:pre;
}
#map li label em
{
padding:0 0.7px;
}
#map li label em i
{
position:static;
z-index:-9;
}
#map li label em i.whiteBack,
#map li label em i.whiteBackCapital
{
width:100%;
height:90%;

position:absolute;
top:3px;
left:-1px;

z-index:-10;

background:#ffffff;
}
#map li label em i.whiteBackCapital
{
width:1em;
height:90%;
top:1px;
}
Работает в основных браузерах. Ну просто конфетка, а не стили. Это вообще! Переплетение абсолюта и статики.

Вы видите эту белую подложку, подложенную под текст? (-: нет?

А ещё я могу много рассказать интересного, например, алгоритм учёта сдвига при изменении размеров и соотв. корректировке позиции.

Эх... в общем, 3 дня и 3 бессонных ночи были потрачены не зря, параллельно создан редактор меток, свёрстано всё так, что аж самому приятно, без стыда можно добавить в портфолио.