Что такое display: table-cell; работает

Обратите внимание, что я не пытаюсь решить какую-либо конкретную проблему, , но пытаюсь понять , что вызывает это проблема.

Я установил ширину , высоту и отображение некоторых div, но настройки высоты / ширины не соблюдаются. Текст тоже сдвигается вниз.

http://jsfiddle.net/k7esv/

1) Почему он сдвигает текст вниз, когда height задано в строке таблицы, тогда НО, когда height равно удален, текст помещается вверху?

2) Почему не соблюдаются настройки ширины / высоты?

3) Почему настройка свойства margin также не влияет на них?

http://jsfiddle.net/k7esv/1/