besi: background Img Abweichende Darstellung IE7 und Firefox 3

Beitrag lesen

Hallo,

hab ein kleines Problem bei der Darstellung beim IE7.
schaut Euch mal das Menu an.

Bei Firefox wird es richtig dargestellt. Bei IE7 ist unten ein Balken
sichtbar.
Siehe Bild: Bild Darstellungsfehler
Siehe Webseite: webseite
Konnte es duch das DOCTYPE auf Transitional so ändern dass es zumindest beim
FF richtig angezeigt wird, aber leider nicht beim IE7, andere Browser konnte
ich noch nicht testen. Weiss nun wirklich nicht mehr wo ich den Fehler finden kann.

Hier der Text:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">  
    <meta name="generator" content="PSPad editor, www.pspad.com">  
    <title>  
    </title>  
    <STYLE type="text/css">  
    .start-left {  
      background:transparent url(menue.jpg) repeat-y scroll left top;  
      background-position:right top;  
      background-repeat:repeat-y;  
      float:left;  
      margin-bottom:10px;  
      width:265px; }  
    </STYLE>  
  </head>  
  <body>  
    <div class="start-left">            		  
      		  		  
      <div id="menu" style="padding: 0; width:150px;">  
  
          <ul >  
            <li> <a href="#">Listenpunkt</a></li>  
           <li> <a href="#">Listenpunkt</a></li>  
           <li> <a href="#">Listenpunkt</a></li>  
           <li> <a href="#">Listenpunkt</a></li>  
           <li> <a href="#">Listenpunkt</a></li>  
           <li> <a href="#">Listenpunkt</a></li>  
           </ul>  
  
      </div>  
      <div align="right" style=" display:block">  
        <img src="menue_u.jpg" alt="" />  
      </div>  
    </div>  
  </body>  
</html>

vielen Dank für Eure Hilfe

mfg
besi