Hvorfor virker mouseovereffekt ikke ordentligt i innerhtml-tekst

ER der nogen der kan forklare og måske også komme med løsninger til hvorfor denne mouseovereffekt ikke virker ordentligt. Den kan ses:

www.gdo.dk/henrikprojekt/argument.php

To ting virker ikke ordentligt:
1. (ved det danske flag) når musen føres over virker det umiddelbart ok, men føres den op omkring Danish design teksten hopper den op til forgrundsbilledet?!
2. Når jeg i teksten vil indsætte <p></p> går den helt bananas og virker slet ikke...

På forhånd tak!

-----------------------------



div id="minDiv1" style="height:153px;width:380px;background-image:url(design.jpg);" onmouseover="this.style.backgroundImage='url(design1.jpg)';this.innerHTML='<?
if (!$navn1) {
echo "<b>DANSK DESIGN</b> er velkendt overalt i verden.<br>Ved siden af vores egne designere, samarbejder vi med andre danske designere som Sven Heskier og Jean Grandt<br>Dette er for at sikre, at vi hele innoverer og imødekommer vores kunders ønsker.";}
if($navn1==eng){
echo "<b>DANISH DESIGN</b> is wellknown throughout the world.<br>Besides our own designs, we work together with danish designers such as Sven Heskier and Jean Grandt.<br>This is to ensure, that we are constantly seeking innovation and meeting our customers demands.";}
if($navn1==lit){
echo "????";}
if($navn1==tys){
echo "Tysk Tekst om dansk design";}
if($navn1==dk){
echo "<b>DANSK DESIGN</b> er velkendt overalt i verden.<br>Ved siden af vores egne designere, samarbejder vi med andre danske designere som Sven Heskier og Jean Grandt<br>Dette er for at sikre, at vi hele innoverer og imødekommer vores kunders ønsker.";}
?>'" onmouseout="this.style.backgroundImage='url(design.jpg)';this.innerHTML=''"> </div