Добавление кроссбраузерного видео

Вот html:

<video id="video1" width="270" height="205" controls>
<source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.mp4"><!-- опускаем type для android-->
<source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="video/D8D812BA_5056_A318_A81496B1E1D048C6(1).ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>

Вот css:

#video1 {
border:4px solid #FFF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
в IE 9 не отображаются элементы управления видео.Только плей по середине экрана.
В ie8 плеер обрезается на 90%,то есть становится тонкой полоской.
В ie7 как-то уголки съезжают не красиво
Что добавить или изменить в коде,чтобы везде работало?Заранее спасибо,измучилась уже)!

Цитата ("kittiplace"):

в IE 9 не отображаются элементы управления видео.Только плей по середине экрана.

это оттого что Цитата ("kittiplace"):

width="270" height="205"

(IE9 добавляет элементы только для бОльших размеров контейнера)
Цитата ("kittiplace"):

В ie8 плеер обрезается на 90%,то есть становится тонкой полоской.
В ie7 как-то уголки съезжают не красиво

ie 8 и ниже не поддерживают html5 тег video и css3.0

radar0080, *thumb up*