Problem bei Firefox und IE mit der Darstellung eines div bzw. lie elementes

[bloodeyes]

Hi,
bin gerade von tables auf div umgestiegen und versuche verzweifelt, folgende Seite richtig aussehen zu lassen: http://www.geneticalcycle.com/default.php. Das Problem hierbei: Der Text wo rot unterlegt ist, sollte in einer Reihe stehen. Bei einem Freund, der FF 1.05 benutzt (ich benutzte 1.07) erscheint support in der zweiten reihe. beim IE erscheint die rote zeile unter der grünen und über dem logo. Wie bekomme ich es hin, das wenigstens beim FF in egal welcher Version der rot unterlegte text in EINER zeile steht?

hier ist mein css code:

body { font-family: Verdana, Arial, sans-serif; font-size: 11px; margin: 0 0 0 0; }
img { border: 0px; }
ul { list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }

#network { width: 100%; margin: 0 0 22px 0; border-top: 3px solid #990000; }
#network ul { width: 850px; margin: 0 0 0 50px; }
#network_li_l { width: 533px; color: #007f00; padding: 7px 0 7px 0; float: left; }
#network_li_l a:link { color: #007f00; }
#network_li_l a:visited { color: #007f00; }
#network_li_l a:hover { color: #007f00; }
#network_li_r { width: 317px; padding: 3px 0px 6px 0px; background-color: #990000; }
#network_li_r a:link { color: #ffffff; padding: 2px 5px 2px 5px; }
#network_li_r a:visited { color: #ffffff; padding: 2px 5px 2px 5px; }
#network_li_r a:hover { color: #ffffff; padding: 2px 5px 2px 5px; }

#limg img { margin: 0 0 22px 50px; }

[reno]

Ja griaß Di,
reichen die 317px, die du für die Breite festgelegt hast, denn aus? Zeilenumbruch verhindern kannst du mit: white-space:nowrap.