Doubled margin float?

mrblade

Doubled margin float?

Sono ormai in balia dei css...
Ancora una volta con FF va tutto a meraviglia, con IE invece nascono tutti i problemi del mondo.
Questa volta, credo, mi sono imbattuto nel doubled margin-float bug. Dentro il contenitore ho impostato un div (o sotto-contenitore) che regola i margini del testo. Con IE alla destra del contenitore mi appare uno spazio bianco largo appunto quando il margine impostato. Ho provato con display:inline ma in questo modo annullo l'effetto dei margini o del padding.

Ho anche un altro problema, naturalmente sempre con IE. Ho un div e una normale immagine gif che voglio sovrapporre. Con FF viene visualizzata al di sopra del div mentre con IE viene visualizzata in secondo piano.
La pagina incriminata è http://mrblade.jekoo.info/webvillage/index.php?L=registration.register
Non fate caso agli errori...

css:


body { background-color:#105b1b; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
color: #000000; 
margin-top:50px; 
text-align: center; }

#maintable { background:#ffffff url(images/frame/canne.gif) repeat-y; 
width:800px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#000000; 
text-align:left; 
margin-left:auto; margin-right:auto; 
margin:auto; 
font-size:12px; }

#header { width:800px; 
margin-left:auto; margin-right:auto; 
margin:auto}

#footer {width:800px; 
margin-left:auto; margin-right:auto}

#bodymargin {padding-left:13px; 
padding-right:7px; 
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
text-align:left; }

#boxmenu { width:595px; height:30px; color:#99FF66; margin-left:180px; margin-top:-71px; background-color:#fdf8cc;}

#menu { margin-left:50px; 
margin-top:10px; 
font-size:13px; 
font-weight:bold } a {color:#CC6600}

html:


<div id="header" align="center"><img src="{themePath}/images/frame/logoup.jpg" width="800" height="100" /></div>
<div id="maintable">
  <div><img src="{themePath}/images/frame/logodown2.gif" width="239" height="68" /></div>
  <div id="boxmenu"><div id="menu">Menu Principale</div></div>
<div id="bodymargin">
  CONTENUTO
  </div>
<div id="footer"></div>

lord.baron

Per il primo caso:

Non vedo un float nelle proprieta' del div che hai postato. Prova a mettere float:right o float:left (dipendendo dove lo vuoi) e lascia display:inline.

Per il secondo caso...a quale immagine ti riferisci?

Poi scusa...non hai dichiarato che vuoi il documento letto in strict mode.... se IE e' in quirks ogni volta te lo legge come gli pare... o piu' o meno. Meglio se metti lo strict, cosi' hai un migliore punto di riferimento

questo va bene
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

LB