Ho un piccolo dubbio e vorrei sapere da voi se e come sia risolvibile.

Ho il seguente blocco:

codice:
.titolo h2{
	background:url(images/h2_sfondo.gif) repeat-x;
	font-size: 24px;
	line-height: 4em;
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 10px;
}
.titolo img{
	float: left;
}

   <div class="titolo">[img]images/h2_logo.gif[/img]
		<h2>Titolo pagina dsfsdsad</h2>
		[img]images/h2_sfondo_end.gif[/img]</div>
La questione è che rimpicciolendo la finestra del browser il blocco va a capo. Io invece vorrei che i tre elementi (img+h2+img) restassero sulla stessa linea, provocando invece la comparsa della barra di scroll orizzontale del browser.
Ho provato con "nowrap" e con "width/height" ma niente...

grazie