Css float su una img

[Zulkifar2]

Semplifichiamo la questione.Questo è il codice della pagina:

<div id="container">
<div id="header">
[img]logo.gif[/img]</img>
</div>
<div id="navigation"></div>
<div id="content"></div>
<div id="footer"></div>
</div>

Nel foglio di stile ho scritto:

div#sinistra{
float: right;
}

Mi aspettavo che l'immagine fosse messa a destra dell'header..
In realtà sta sempre a sinistra al posto giusto..
Stavo iniziando a prendere confidenza coi css ma poi un mese di inattività mi ha mescolato le già poche conoscenze che avevo.. Qualcuno sa aiutarmi?

[thomas_anderson]

Un'immagine non è un elemento <div>. Devi scrivere:

#header img {
  float: right;
}

Poi ti consiglio di non usare immagini come header, ma come background dell'header:

#header {
  background: #fff url(logo.gif) no-repeat right;
}

Se nel logo c'è una scritta ti consiglio di usare:

#header h1 {
position: absolute;
top: -1000em;
width: 1px;
height: 1px;
overflow: hidden;
}

In questo modo viene visualizzato solo il background, anche se nell'XHTML avrai:

<div id="header">
<h1>Titolo del sito</h1>
</div>

[Zulkifar2]

Grazie chiarissimo...
...già ricordo meglio!

E grazie dei suggerimenti!
Ora faccio un po' di prove.