byti: FF3 Problem mit <ul> Hintergrund und <li>

Beitrag lesen

Hallo Leute

Entweder hab ich einen Denkfehler oder ich kapierst halt wider mal ned. Ich hab hier ein Desing mit UL und LI zum darstellen von Forumsbeiträgen. Das Problem ist.. beim IE6 zb... wirds korrekt angezeigt. Beim FF3 siehts so aus als währen die LI undurchsichtig. Es sind aber keine Farben oder ähnliches angegeben. Habs schon auf ein minimum reduziert.. aber ich bekomms ned weg. Das ganze is eigentlich eine fauxcolums konstruktion. Das eingebundene gif is ein 2000px mal 1px, die ersten 300px transparent, der rest ein Farbverlauf. Kann jemand zufällig auf den ersten Blick sehen was da faul sein könnte? Bin mittlerweile CSS-Blind. ;)

Danke...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<title>Sans Titre</title>
</head>
<style type="text/css">
<!--
ul.Line {
  position: relative;   height: 100%;
  margin: 0px 0px 0px 0px;    border-top: 1px solid #9c9d9c;    padding: 0px 0px 2px 0px;
  clear: left;
  background: url(row_bg_board.gif) repeat-y 15% 0;
  font-size: 11px;
}
li.LineLeftBoard {
  width: 15%;   min-height: 16px;   z-index: 10;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  float: left;
  list-style: none;
  vertical-align: middle;
}
li.LineRightBoard {
  width:80%;
  min-height: 16px;   z-index: 11;
  margin: 0px 0px 0px 0px;    padding: 4px 1% 4px 1%;
  list-style: none;
  float: left;
}
-->
</style>

<body>
<ul class="Line">
  <li class="LineLeftBoard">
    10.07.2008 17:36
    <br /><b>ADMIN
</b>
    <br />Superadmin
    <br />
    <br />Beiträge: <a href="index.php?mod=board&action=ranking">2</a>
    <br />Rang: <a href="index.php?mod=board&action=ranking">Junior Member</a>
  </li>
  <li class="LineRightBoard" id="">
    asdfasdfa
  </li>
</ul>
</body>
</html>