[CSS]Img obok siebie Opcje

[--gość--]

Witam,
mam problem. Mam dwa obrazki, razem zajmuja rowne 800px ( zalozmy ze jeden ma 400szer i drugi tyle samo). Chcialbym w css ustawic je obok siebie, wiec zrobilem 2 klasy:

[HTML] pobierz, plaintext 
#panel {
background-image:url(images/ost.png);
width:481px;
height:140px;
align:center;
margin: 11px 0 0 0;
	padding: 0;
}
#panel2 {
background-image:url(images/wit.png);
width:319px;
height:141px;
vertical-align: top;
}
 
Ale one sie wyswietlaja jeden pod drougim :/
Kod, ktorym wyswietlam:
[html]
<div id=\"panel\">Trsc na panelu nr 1</div><div id=\"panel2\">Tresc na panelu nr 2</div>
[HTML] pobierz, plaintext 

Jak to zrobic zeby obrazki byly na tej samej wysokosci obok siebie?

[nez]

Kod

<style type="text/css">
div#container {
  width: 800px;
/*  margin: 0 auto;  to jeśli całość chcesz wyśrodkować w przeglądarce */
}
</style>

<div id="container">
<div id=\"panel\">Trsc na panelu nr 1</div><div id=\"panel2\">Tresc na panelu nr 2</div>
</div>

pozdr.
nez