Swf вызывает переполнение

Question

Можно создать дубликат:
Why is my swf taking up more space than it actually is?

Я внедренный короткий флэш-анимации в моем HTML. SWF находится внутри div, называемого mainspace, который находится внутри другого div, называемого контейнером. В главном пространстве div есть отступы 10px со всех сторон, изменяя общую площадь от 640x500 до 620x480. Swf - 620x480, но, как ни странно, это приводит к появлению переполнения и полосы прокрутки в Firefox (но не в IE).

Вот HTML:

<div class="mainspace"> 

<object type="application/x-shockwave-flash" data="images/indexslideshow.swf" width="620" height="480"> 

<param name="movie" value="indexslideshow.swf"/> 

<param name="wmode" value="transparent"/> 

<a href="http://www.adobe.com/go/getflash"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/></a> 

</object> 

</div> 

А вот CSS

.mainspace { 
width:620px; 
height:480px; 
overflow:auto; 
position:absolute; 
text-align:left; 
margin:0px 0px 0px 160px; 
padding:10px; 
z-index:1; 
} 

.mainspace img { 
border:none; 
} 

.imglinks1 { 
margin-left:auto; 
margin-right:auto; 
width:50px; 
border:none; 
z-index:2; 
} 

.imglinks2 { 
margin:0 0px 0 0px; 
float:left; 
border:none; 
z-index:3; 
} 

body .mainspace { 

} 

.mainspace p {margin:0px 0 14px 0;} 

.mainspace h1 {margin-left:10px; font-size:18px; color:#56AD3D; clear:both;} 
.mainspace h2 {margin-left:10px; font-size:15px; color:#56AD3D; clear:both;} 
.mainspace h3 {margin-left:30px; font-size:15px; color:#56AD3D;} 
.mainspace h4 {margin-left:40px; font-size:15px; color:#56AD3D;} 
.mainspace h5 {font-size:16px;} 
.mainspace h6 {font-size:16px;} 

.mainspace a:link {color:#E0D3C6; text-decoration:none;} 
.mainspace a:visited {color:#56AD3D; text-decoration:none;} 
.mainspace a:hover {color:#56AD3D; text-decoration:none;} 

В imglinks дивы не имеют ничего общего с этой страницы, и, если кто-нибудь может сказать мне, как это исправить, сохраняя это XHTML Strict, я был бы чрезвычайно благодарен.

Answer 1

Попробуйте это method, чтобы вставить ваш объект swf. Он имеет несколько удобных для пользователя функций.

Вы можете загрузить swfobject Javascript Calss из here

---

<script type="text/javascript" src="swfobject.js"></script> 
<script type="text/javascript"> 
    var flashvars = {}; 
    var params = {}; 
    var attributes = {}; 
    swfobject.embedSWF("indexslideshow.swf", "mainspace", "300", "120", "9.0.0", false, flashvars, params, attributes); 
</script> 

Answer 2

overflow-x: none; 
overflow-y: none;