Positioning a Video in Dreamweaver

Question

I have a video that I am trying to position over a section on a website. On my test server the position is perfect but when I upload my new file to the online server the video stays centered and below all the other info on the site. How do I code this so the index1 file displays the video like my test server.

The code on my test server is:

<div class="#main_video" id="main_video">
   <video width="460" height="260" controls>
      <source src="include/promo_2012.ogv" type="video/ogg">
      <source src="include/promo_2012.mp4" type="video/mp4">
   </video>
</div>

I selected the div and positioned it at:

Relative<br/>
Top: -414<br/>
Left: -266

Any help would be greatly appreciated.

-Josh

Answer 1

Try,

#main_video{
    float:left;
}

This should put it to the left. Here's a live example: http://jsfiddle.net/S6mmD/

And by the way, classes are used in HTML like so: <div class='red'> and in CSS: .red{color:#f00;}

ids are styled in CSS with the pound sign # like above.