Witam

Mam pewnien problem z "zakładki" , mianowicie w IE ( przewaznie IE nawala wrrr ), wracając do problemu nie moge dodać więcej zakąłdek...
Problem jest w IE , i chyba chodzi o ten kawałek kodu.

[HTML] pobierz, plaintext 
<script type="text/javascript" charset="utf-8">
			window.addEvent('domready', init);
			function init() {
				myTabs = new mootabs('myTabs', {height: '170px', width: '320px', changeTransition: Fx.Transitions.Back.easeOut, mouseOverClass: 'over'});
 
			}
 
		</script>
<div style="margin-top: -34px; margin-left: 20px;" id="myTabs" class="mootabs"><ul class="mootabs_title">
					<li class="" title="Zakładka 1">Zakładka 1</li>
					<li class="" title="Zakładka 2">Zakładka 2</li>
					</ul>
 
<div style="height: 190px; margin-left: -10px;" id="Zakładka 1" class="mootabs_panel"><?php include('zaklad1.php'); ?></div>
<div style="height: 190px; margin-left: -10px;" id="Zakładka 2" class="mootabs_panel"><?php include('zaklad2.php'); ?></div>
		</div>
<script type="text/javascript" charset="utf-8">
			window.addEvent('domready', init);
			function init() {
				myTabs1 = new mootabs('myTabs1'{height: '170px', width: '320px', changeTransition: Fx.Transitions.Back.easeOut, mouseOverClass: 'over'});
 
			}
 
		</script>
<div style="margin-top: -34px; margin-left: 20px;" id="myTabs1" class="mootabs"><ul class="mootabs_title">
					<li class="" title="Zakładka 3">Zakładka 3</li>
					<li class="" title="Zakładka 4">Zakładka 4</li>
					</ul>
 
<div style="height: 190px; margin-left: -10px;" id="Zakładka 3" class="mootabs_panel"><?php include('zaklad3.php'); ?></div>
<div style="height: 190px; margin-left: -10px;" id="Zakładka 4" class="mootabs_panel"><?php include('zaklad4.php'); ?></div>
		</div>
[HTML] pobierz, plaintext 

Sprawa wyglada tak:

W FF wszytsko śmiga pięknie ładnie , natomiast w IE , wyświetla się tylko pierwsze zakładki.
Nie wiem czemu tak ? Prosze o pomoc