Please help v. video size is different on different browsers

I am posting this video

<object width="240" height="130"><param name="movie" value="" /><param name="allowFullScreen" value="true" /><param name="bgcolor" value="000000" /><param name="allowscriptaccess" value="always"></param><param name="flashvars" value="file=specialevents/2011/se110923am-sg-application.flv&image= tart=0&duration=125&dock=true&stretching=uniform&s treamer=rtmp://" /><embed src=" tart=0&duration=125&dock=true&stretching=uniform&s treamer=rtmp://" width="480" height="270" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"/></object>

on my wordpress site.

it is small and perfect in size on Chrome, but too big and half the video gets cut off in Firefox and Safari.

What gives?

how do I fix it?

I see a couple things, but note that I’m not too familiar with the <param> code

1. You have every param tag closed within itself (<param name="…" value="…"/>) but one is using the separate closing tag </param>. Some browsers may not like this, though it seems very minimal.
2. The object size is 240×130 but the embed size is 480×270