1. Почему бы не понять, наконец-то, что варианты с "неполным" доктайпом рассмотрению не подлежат в принципе?
2. Почему бы не внять наконец-то, что надо бы прописывать кодировку?
3. Почему бы не вынести ВСЕ стилевые правила в элемент <style>?
4. Зачем мешать блочную модель с устаревшими и нерекомендуемыми W3C атрибутом bgcolor и элементом font?
5. top: -50; Простите, -50 ЧЕГО? Килограмм? Литров? Фантиков?

Не получается с помощью z-index надвинуть матрешку на слой.
Ваша матрешка представляет из себя текстовую строку, окруженную нерекомендуемым элементом font (инлайн-элемент). Как ее в этом случае вообще можно на что-то "надвинуть"?

P.S. Z-index обычно используется в совокупности с position: absolute;... а не relative...