Hintergrundbild bei onMouseOut funktioniert nicht

[hamburger_1983]

Hallo ihr Lieben.

Ich habe folgendes Problem. Ich habe einen Link bei dem mit onMouseOver diverse Veränderungen getätigt werden (u.a. verschwindet ein Hintergrundbild [getElementById('tabs05').style.backgroundImage = 'none']. Die Änderungen sollen bei obMouseOut wieder "rückgängig" gemacht werden. Klappt auch soweit. Nur das backgroundImage möchte nicht so ganz.

  
<li style="background:url(/themes/theme400/images/bg-tabs04_gross_shadow.png) no-repeat 0 0; padding: 0px; width: 208px; background-color: #7de804;" id="tabs04">  
  
  
<a href="#tabs-4" class="ref"  
onmouseover="getElementById('active').style.backgroundColor = getElementById('tabs05').style.backgroundColor; getElementById('tabs05').style.backgroundImage = 'none'; getElementById('tabs05span').style.color = getElementById('tabs05').style.backgroundColor; getElementById('active').style.borderColor= getElementById('tabs05').style.backgroundColor; getElementById('inner').style.borderColor = getElementById('tabs05').style.backgroundColor;"  
  
onmouseout="getElementById('active').style.backgroundColor = getElementById('tab04data').style.color; getElementById('tabs05span').style.color = 'black'; getElementById('active').style.borderColor= getElementById('tab04data').style.color; getElementById('active').style.borderColor= getElementById('tab04data').style.color; getElementById('inner').style.borderColor= getElementById('tab04data').style.color; getElementById('tabs05').style.background = url('/themes/theme400/images/bg-tabs05_gross_shadow.png');">  
  
  
<span style="position: relative; top: -16px; font-color: black;">Text</span>  
<span id="tab04data" style="color: #cc99ff; display: none;"></span><br>  
</a>  
</li>  
  
<li style="background:url(/themes/theme400/images/bg-tabs05_gross_shadow.png) no-repeat 0 0; padding: 0px; width: 208px; background-color: #808080;" id="tabs05">  
...  

Kann mir jemand sagen, warum?