altezza obbligata in un div?

ho questa classe:

#logo{
background-image: url(img/pattern1.gif);
background-repeat: repeat-x;
border-bottom: 1px dotted #fff;
border-top: 1px dotted #fff;
padding: 0px;
text-align: left;
}

e poi:

<div id="logo">[img]img/logo3.gif[/img]</div>

se non imposto un'altezza, pari all'altezza del logo, lo sfondo non si vede.
se la imposto, è di 67px, si vede bene solo con IE, ma con gli altri browser si nota 1 px sopra e 1 sotto di spazio.

dove sbaglio?

grazie

[massy]

Ciao.

Ti stai scontrando con il box model di IE. :-D
Auguri.

Seriamente... perché non imposti l'altezza all'immagine e non al div?
Così il contenitore ci si dispone "attorno" senza problemi.

Altrimenti dovresti trovare qualche hack per ie.

massy

Ciao.

Seriamente... perché non imposti l'altezza all'immagine e non al div?
Così il contenitore ci si dispone "attorno" senza problemi.

fatto, ma non cambia

[massy]

Tanto per capire... di che colore è questo spazio di un pixel?
Bianco per caso? ()

massy

Tanto per capire... di che colore è questo spazio di un pixel?
Bianco per caso? ()

di nessun colore praticamente.

allora, a sinistra c'è il logo, che sta in un div con uno sfondo immagine. Lo spazio è quindi del colore dello sfondo. Insomma, è come se il div fosse 2 px più alto del logo, ma non è così.

[massy]

E' da qualche parte online?

Son curioso, non posso farci nulla :-D

massy

E' da qualche parte online?

Son curioso, non posso farci nulla :-D

no, ma dopo ce lo metto e ti posto il link. grazie

eccolo:

http://www.danieleimperi.it/demo/nuo...o-modello2.htm