Float, padding e margin [IE6]

[linus14]

Intanto mi scuso per prima... non me ne ero accorto... poi riporto quanto scritto.

Salve, per godermi le mie meritate vacanze devo finire questo sito (clicca qui ) fatto con joomla. Usando firefox funziona una meraviglia però il mio cliente ha IE6 e giustamente rompe perchè si vede male... ho provato di tutto... ora mi appello a voi.
Su IE6 il footer è l'unico che si trova nella posizione giusta mentre gli altri no...

ora vi posto un pezzo di index.php e un pezzo del css...

<div id="wrapper">
	<div class="inside">
    	<div id="header">
        	<div class="headermenu">
        	<jdoc:include type="modules" name="top" />
            
        	<div id="logo"></div>
            <div class="moduletable-nav">	
                <jdoc:include type="modules" name="user3"  />
            </div>
            </div>
        </div>
        <?php if($this->params->get('showBanner')) : ?>
	  <div id="banner">
	  	  [img]templates/<?php echo $this->template ?>/images/banner.png[/img]
        </div>
        <?php endif; ?>
        <div id="top">
        	<div id="pathway">
				<jdoc:include type="module" name="breadcrumbs" />
			</div>
            <div id="search">
				
			</div>
            <div class="clr"></div>
        </div>
		<div id="mainbody">
      		<?php if($this->params->get('showComponent')) : ?>
	        	<div id="content">
	            	<div class="inside">
		                	<jdoc:include type="component" />
                                        <jdoc:include type="modules" name="user4" />
	      	      </div>
 	            </div>
	            <?php endif; ?>
 	            <?php if ($this->countModules('right')) : ?>
 	            <div id="sidebar2">
 		           	<div class="inside">
   		         		<jdoc:include type="modules" name="right" style="xhtml"/>					
     		           </div>
     		      </div>
     	 	      <?php endif; ?>
          		<?php if ($this->countModules('left')) : ?>
    			<div id="sidebar">
              		<div class="inside">
            			<jdoc:include type="modules" name="left" style="xhtml"/>
               		</div>
        		</div>
            	<?php endif; ?>
            	<div class="clr"></div>
        	</div>
        </div>
    </div>
</div>
<div id="bottom">
	<div class="inside">
    	<jdoc:include type="modules" name="footer" /> 
    </div>
</div>

#wrapper {
	width:720px; /*center hack*/
	text-align:left;
	margin: 0 auto;
        background-image: url(../images/top.png);
	background-repeat: x-repeat;
}
#wrapper .inside {
        padding: 0;
}
#debug {
	width:720px; /*center hack*/
	text-align:left;
	background-color: #FFFFFF;
        background-image: url(../images/top.png);
	background-repeat: x-repeat;
}
#bottom {
	width:720px; /*center hack*/
	text-align:center;
	margin: 0 auto;
	color: #f79708;
        height:100px;
        background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
        margin-bottom:10px;
        line-height:1.0em;
}
#header {
	text-align:left;
	height: 214px;
	overflow: hidden;
        background-image: url(../images/header.png);
	background-repeat: no-repeat;
}
#top {
	background-color: #EDEDED;
        padding-left:30px;
        background-image: url(../images/top.png);
	background-repeat: x-repeat;
}
#logo {
	display: block;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 156px;
	width: 120px;
    float:right;
	margin-right:85px;
	margin-top:-20px;
	}
#footer {
	clear:both;
	height: 77px;
        background-image: url(../images/prebottom.png);
	background-repeat: no-repeat;
}
#mainbody {
}
#mainbody .inside {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
        
}

Confido in voi...
Tommaso

[irdg]

si tratta di un bug di IE6...

sui div flottati viene raddoppiato il margin e il padding relativo

è sufficiente mettere "display: inline;" ai div flottati con margine e il problema si risolve