Вложение объектов друг в друга это реальная шляпа.
Каждый браузер может лепить во что горазд и из-за этого ломать стили.
Определите заранее браузер и оставьте один объект.
Смысл следующий - чтобы выровнять по вертикали и горизонтали укажите в CSS:
Код:
#Untitled-1{
margin:auto;
}
Если в каких-то браузерах не пойдет, укажите:
Код:
#Untitled-1{
display:block;
margin:auto;
}
Короче поиграйте с [margin:auto;] - выравнивает блок по центру.
[vertical-align: middle;] - работает только в ячейке таблицы, да и то не для блоков.