mettere <img> e <div> senza andare a capo

[JCoder87]

Ciao a tutti...
La mia idea sarebbe di mettere nell'header della pagina (800px), un'immagine fissa di 500px, e affiacargli una slideshow (che utilizza del javascript per far cambiare le immagini) larga circa 280px...

Ho provato un pò di tutto stamattina ma nulla... Inanzitutto chiedo a voi se si può...

Codice Pagina HTML:

<div id="masthead">
		[img]images/logo_new.jpg[/img]
        <div id="slideshow">
            [img]images/logo_new.jpg[/img]
            [img]images/privati.jpg[/img]
	        </div>
	</div>

CSS Header:

#masthead{
	border-bottom:.5em;
	border: 1px solid #3366FF;
	height:150px;
}
#masthead img {
	float:none;
	width:500px;
	height:150px;
	margin-bottom:.3em;
	margin-top:.3em;
}

CSS Slider:

#slideshow {
	float:left;
	border: 1px solid transparent;
	overflow: hidden;
	margin-left:0px;
	position: relative;
	width: 2820px;
	height: 150px;
}

#slideshow img {
	width: 280px;
	height: 150px;
}

Spero ci siano soluzioni... anche diverse da come l'ho pensata io... Basta solo che le 2 immagini siano attaccate nell'header..

Grazie mille raga..

Mirko

[ricman]

Per affiancare 2 div...

<div style="float:left">AAA</div>
<div style="float:left">BBB</div>

Poi gli dai le giuste dimensioni e ciò che vuoi... (io ho messo i css lì per non stare a riscriverli all'esterno, che è la forma più corretta)