Salve a tutti, come potete vedere sono nuovo del forum, ma non del sito, con il quale sto cercando di imparare a programmare etc. etc.

Il mio problema è il seguente:

ho inserito un div con uno sfondo (una semplice linea praticamente) che devo posizionare in fondo alla pagina così da terminare la grafica del background. Su firefox tutto bene. IE, invece, dopo la linea fa continuare il background ancora per una decina di pixels. Perché?

- vi posto tutto il codice (spero di non sbagliare) così magari qualcuno mi dà anche qualche dritta o nota anche altri errori:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>home</title>



<script language="javascript" src="js/MM_findObj.js"></script>

<script language="javascript" src="js/MM_preloadImages.js"></script>

<script language="javascript" src="js/MM_swapImage.js"></script>

<script language="javascript" src="js/MM_swapImgRestore.js"></script>


<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/body.css" rel="stylesheet" type="text/css" />
<link href="css/sections_home.css" rel="stylesheet" type="text/css" />
<link href="css/bottom_line.css" rel="stylesheet" type="text/css" />

</head>


<body onload="MM_preloadImages('images/home_on.gif','images/link_2_on.gif','images/link_4_on.gif','images/link_5_on.gif','images/link_6_on.gif','images/photogallery_on.gif')">


<div id="header_cont" align="center" >


<div id="header">  
 
 
 <table id="navigation" cellspacing="0" cellpadding="0">
  		<tr>

  		
    	<td>[img]images/home.gif[/img]</td>

    	
    	<td>[img]images/link_2.gif[/img]</td>

    	
    	<td>[img]images/photogallery.gif[/img]</td>

    	
    	<td>[img]images/link_4.gif[/img]</td>

    	
    	<td>[img]images/link_5.gif[/img]</td>

    	
    	<td>[img]images/link_6.gif[/img]</td>
  		
		</tr>
  </table>

</div>
</div>


<div id="sections_cont">
	
	<div id="section1">
	  

[img]images/home.gif[/img]</p>
	  

</p>
	  

[img]images/home_on.gif[/img]</p>
	  

</p>
	  

[img]images/home.gif[/img]</p>
    </div>

  	
	<div id="section2">
    </div>
</div>


<div id="bottom_line">
</div>

</body>
</html>
Grazie.