Почему свойства CSS имеют разные имена для Chrome, FF, Opera?

Мне нужна тень под div под названием "shadow":

#shadow { box-shadow: 1px 1px 1px #000 };

Готово?

Вовсе нет. Работает только в одном браузере. Угадай, какой именно.

Для FF / Chrome пришлось добавить не слишком интуитивно понятное:

-moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;

А теперь все ок. Эта схема применяется ко МНОГИМ свойствам CSS. Почему?

К счастью, нет -webkit-border, moz-font или -ie-backgroundcolor.

PS. Да ни слова про IE. Назвать ЭТО браузером - все равно что сравнивать инвалидную коляску с машинами Модены.

PS 2. Почему под моим сообщением рядом с тегом Google Chrome есть логотип? Или почему нет логотипов для Opera и FF?