Habn Bug im Css code,kann ihn nich feststellen

GolddWu

Hallo ihr lieben,
ich habe nun endlich den code für ein aufklappmenü aus css gefunden,nun habe ich einen bug drinne undzwar is das menü,welches aufklappt um ein pixel verschoben,das stört bissel da ich iwie auf perfektion baue :/ hier der css code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:

#navi {
  background: url(images/navi_bg.png) repeat-x;
  padding: 0; 
  margin: 0; 
  border-left:solid 1px black;
  border-right:solid 1px black;
}
#menu, #menu ul {  
  padding: 0; 
  margin: 0; 
  list-style-type: none; 
}
#menu li { 
  border-right:solid 1px black;
  float: left; 
  position: relative;
}
#menu a, #menu a:visited {
  width: 90px;
  display: block;
  color: #333333;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  text-indent: 5px;
  background: url(images/navi_bg.png) repeat-x;
}
#menu li:hover > a{ 
  background:#ff6600 repeat-x;
  height: 38px; 
  color: #000;
}
#menu li ul {
  display: none;
  text-align: left;
}
#menu li ul a { 
  background: #ff8d41;
}
#menu li:hover > ul {
  display: block; 
  position: absolute; 
  top: 0; 
  left: 88px;
}
#menu > li:hover > ul { 
  left: 0;
  width: 90px;
  top: 38px;
  border:solid 1px black;
}

Ich hoffe das Problem kann schnell gefunden werden,is ja kein großes.
Hab nochn Screen im Anhang.^^

lG

Maniac_81

Link zur seite? oder den code vom menü (nicht CSS)

GolddWu

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:

<div id="navi">
  <ul id="menu">
    <li><a href="#">Menü 1</a></li>
      <li><a href="#">Menü 2</a>
        <ul>
          <li><a href="#">Sublink 1</a></li>
          <li><a href="#">Sublink 2</a></li>
        </ul>
      </li>
      <li><a href="#">Menü 3</a>
        <ul>
          <li><a href="#">Sublink 1</a></li>
            <li><a href="#">Sublink 2</a></li>
            <li><a href="#">Sublink 3</a></li>
        </ul>
      <li><a href="#">Menü 4</a>
        <ul>
          <li><a href="#">Sublink 1</a></li>
          <li><a href="#">Sublink 2</a></li>
          <li><a href="#">Sublink 3</a></li>
          <li><a href="#">Sublink 4</a></li>
        </ul>
    </li>
  </ul>
</div>

da bitteschön^^

Dizzy.w3

Spiel dich mal mit den left-Eigenschaften.

Maniac_81

code:
1: 2: 3: 4: 5: 6: 7: 8:	#menu > li:hover > ul { left: -1px; width: 90px; top: 38px; border:solid 1px black; }

GolddWu

VIELEN VIELEN DANK EUCH BEIDEN *FREU* großes Grinsen

Forensoftware: Burning Board, entwickelt von WoltLab GmbH