Problem z rozjeżdżające się menu w CSS

[nikipiki]

Witam

to jest moja pierwsza strona wiec prosze od razu nie krzyczec.. wszystko mniej więcej działa tak jak bym chciał.. ale menu ciągle mi się rozjezdza pod firefoxem wszystko jest ok ale pod IE nie wszystko rozjechane. Jest na to jakis sposob z góry dzięki.. http://teri.xtreemhost.com/

KOD STYLI.CSS

Kod:

BODY {
      background: url(Image/tlo.jpg);
      background-repeat: repeat;
      }

      
    IMG {border: 0px;}

      #top {
      position: relative;
      background-repeat: no-repeat;
      width: 800px;
      height: 500px;
      margin: 0 auto;
      }
      
      #top h2 {
      position: absolute;
      display: block;
      top: 150px;
      left: 350px;      
      }
      
      #b1{
      position: absolute;
      display: block;
      top: 90px;
      left: 110px;
      color: #e1941a;
      width: 480px;
      }
      
      #srodek {
      position: relative;
      background-repeat: no-repeat;
      width: 760px;
      height: 420px;
      margin: 0 auto;
      }
      
      #srodek h2 {
      position: absolute;
      display: block;
      top: 50px;
      left: 380px;      
      }
      
      #srodek h3 {
      position: absolute;
      display: block;
      top: 20px;
      left: 70px;      
      }
      

      /* menu    */
  
      #menu_gora ul
      {
      position: absolute;
      display: block;
      top: 330px;
      left: 230px;
      }
      
      #menu_gora ul li{ float: left;
      display: inline;
      white-space: nowrap;
      }
        
      #menu_gora ul li a
      {
      
      padding: 0px 25px;
      color: #ffffff;  
      font-size: 14px;
      font-family: Arial;    
      text-decoration: none;
      }