hi zuerst mal danke für die antworten, hab eure vorschläge probiert keine änderung.
habs jetzt auch mit ner aufspaltung des mainnav probiert, ebenso dass selbe , fügt immer eine neue zeile ein weshalb dass login unter dem Mainnav auf der rechten seite sich befindet. hab gerade gemerkt, dass der IE die mainnav breiter macht, der Firefox nicht, der setzt es nur eine zeile runter
mein jetziges css:
#mainnav
{
background-color: #9FA41D;
width:80em;
padding: 2px 0;
}
#mainnav_left
{
}
#mainnav_left ul
{
margin: 0 0 0 2em;
padding: 0;
list-style-type: none;
border-left: 1px solid #C4C769;
display: inline;
}
#mainnav_left li
{
display: inline;
padding: 0 10px;
border-right: 1px solid #C4C769;
}
#mainnav_left li a
{
text-decoration: none;
color: #272900;
}
#mainnav_left a:visited
{
color: #600;
}
#mainnav_left li a:hover
{
text-decoration: none;
color: #fff;
background-color: #272900;
}
#mainnav_right
{
display: inline;
float:right;
background-color:Yellow;
}
#userName
{
font-style:italic;
color:White;
display:inline;
font-weight:bold;
}
html
<div id="container">
<div id="header">
Name of Site
</div>
<div id="mainnav">
<div id="mainnav_left">
<ul>
<li><a href="#">asdf</a></li>
<li><a href="">asfadf</a></li>
<li><a href="#">asdf</a></li>
<li><a href="">asdf</a></li>
</ul>
</div>
<div id="mainnav_right">
Logged in as <span id="userName" runat="server"></span>
</div>
</div>
wär fein könnte jemand helfen (:- )
lg kutz