مشكلة في عرض الأكواد بين الفايرفوكس و القوقل كروم

السلام عليكم و رحمة الله و بركاته
بعد التحية ..
أخوتي للديا مشكله في عرض بعض الأكواد .. المشكله ان الحجمها على متصفح الفايرفوكس يطلع مزبوط .. لكت عند فتح المنتدى من القوقل كروم يتغير الحجم
يعني على سبيل المثال
الكود على الفايرفوكس


الصورة على القوقل كروم



ممكن طريقة لربط الصورة العلوية وو السفلية بالعنصر بحيث يصبحوا عنصر واحد يعني لو كبر يكبرون مع بعض و إذا صغر يصغرون مع بعض أو أي حال أخر
أتمنى منكم أن تعطوني الحل لهذه المشكلة

وعليكم السلام 
ممكن ترسل لي الكود لأعدل عليه 
كان عليك وضعه ب100% بمعني اذا الفديو اصبح عرضه 10 يصبح  100% عرضه 10 واذا اصبح الفديو عرضه 50 سيصبح  100%  عرضه 50 وهكذا على جميع الصورة العليا والسففلية

هذا هو الكود عندك أخي و شكراً على ردك و إهتمامك

الكود:

<div style="margin:auto;text-align:center;width:100%"><img src="http://i.imgur.com/U7YSeHk.png" border="0" alt="" />
<object width="400" height="300"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F97450367%40N06%2Fsets%2F72157634238641899%2Fshow%2F&page_show_back_url=%2Fphotos%2F97450367%40N06%2Fsets%2F72157634238641899%2F&set_id=72157634238641899&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=124984"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=124984" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F97450367%40N06%2Fsets%2F72157634238641899%2Fshow%2F&page_show_back_url=%2Fphotos%2F97450367%40N06%2Fsets%2F72157634238641899%2F&set_id=72157634238641899&jump_to=" width="730" height="400"></embed></object>
<img src="http://i.imgur.com/R3v6N0c.png" border="0" alt="" /></div>


لقد حللت مشكلة الحجم لكن ضل هناك فراغ بين الصورة السفلية و العنصر كما هو موضح في الصورة

الفراغ شيء طبيعي سيظهر لا يوجد حل آخر للاسف
واعتذر على الـتأخر