Hab mal wieder ein CSS Problem:



Betroffener CSS-Code:
Code: 
#Navigationsleiste {
margin-bottom:2px;
background-image: url(../ecke2.gif);
background-repeat:repeat-x;
width:236px;
font-size:12px;
color:white;
line-height:16px;
padding: 0;
float-left;
/*
position:static;
overflow:none;

*/
   }
Betroffener HTML-Code:
HTML-Code: 
<div style="background-image: url(Header3_BG.gif);margin-bottom:-2px;"><img src="Header4.1.gif" width="419" alt=""></div>
<div id="Navigationsleiste" name="Navigationsleiste"><img src="ecke1.gif" alt="" style="vertical-align:top;"> <a href="">&nbsp;Home&nbsp;</a> | <a href="">&nbsp;RPG-Maker&nbsp;</a> | <a href="">&nbsp;Webdesign&nbsp;</a> <img src="ecke3.gif" alt="" style="vertical-align:top;"></div><div id="blue">qwflö</div>
Ich würde jetzt gerne eine kleine Grafik, die den Balken mit einem Schatten abrunden, als Hintergrund in (bspw. einem DIV) anzeigen lassen. Ich krieg aber leider kein Element so hin, das es in der gleichen Zeile angezeigt wird.

Ich weiß jetzt nicht mehr weiter, was für CSS Elemente muss ich setzen, das der Container rechts neben der Navi angezeigt wird?