IE/Firefox Xhtml Method for Displaying Video

An Xhtml method of displaying video in both ie and firefox.
Traditionally cross browser solutions have relied on the embed tag to display video in Netscape/firefox browsers
This is because the classid attribute 'breaks' the object tag for firefox.
So we use the embed tag to display the video.
However embed tags are not part of the xhtml standard.
We can replace the embed tag by using another object with carefully constructed parameters, commonly known as the twice cooked method.
This works for firefox but is a problem in IE
The drawback is that IE displays two video objects, the one without the classid doesn't work.
So how do we hide the broken object from IE ?
One solution is to use a css bug which hides it in IE but not other browsers
The Star selector bug is a candidate.
The style below hides the second object in IE only.

* html body object.iehide {display:none;}
The code

<object>
  id="MediaPlayer"
  classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"
  type="application/x-mplayer2"
  width='340' height='300'>

  <param name="uiMode" value="none" />
  <param name="filename" value="8.avi" />

  <!-- this allows firefox to display video -->
    <object class='iehide'
    id="MediaPlayer1"
    type="application/x-mplayer2"
    data="8.avi"
    width="340" height="300" >

    <param name="uiMode" value="none" />
    <param name="movie" value="8.avi" />

    <em>alternate text</em>
    </object>

</object>