I HAVE MADE A WEB PAGE WITH VARIOUS EMBEDED VIDEOS IN IT

WEN I VIEW THE PAGE ON MY COMPUTER AND THE WINDOW IS MAXIMIZED EVERYTHING SEEM'S TO BE IN RIGHT PROPORTION BUT WEN I MINIMIZE OR LESSEN THE SIZE OF THE WINDOW EVERYTHING SEEMS OK EXCEPT THE EMBEDED VIDEOS THEY START OVERLAPPING EACH OTHER AND BEGIN TO CLUSTER UP?

HOW CAN I FIX THIS PROBLEM SO PEOPLE WIT SMALLER COMPUTER SCREENS CAN SEE MY PAGE CORRECTLY?

HERE IS A PART OF THE CODE CAN SOME ONE PLEASE HELP THANKYOU!!!


(<embed allowScriptAccess="never" allowNetworking="internal" enableJavaScript="false" src="http://www.youtube.com/v/ZPQVew0L0Vg" class="movie" type="application/x-shockwave-flash" width="300" height="231">

<style type="text/css">
embed.movie {
position:absolute;
top:450px;
left:0px;
margin-left:0%;
}
</style>)






(<embed allowScriptAccess="never" allowNetworking="internal" enableJavaScript="false" src="http://www.youtube.com/v/J8Korcz71G0" allowNetworking="internal" enableJavaScript="false" class="movie1" type="application/x-shockwave-flash" width="300" height="231">

<style type="text/css">
embed.movie1 {
position:absolute;
top:450px;
right:0px;
margin-left:0%;
}
</style>)


DONT MIND THE QUOTATIONS