quando applico il metodi di tantek-celik ad un <div> per correggere un attributo padding su IE5 il div successivo mia appare senza bordi e senza sfondo, 'guardate la seguente pagina:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/screen.css" type="text/css">
</head>
<body>
	<div id="content">
	<div id="left">
	<div id="description"> scegli le opzioni per il tuo preventivo</div>
		<div id="choice_bg"><div id="choice"><div id="choice_text">
	

scegli la tipologia del sito:</p>
	<form action="02.php" method="post" name="">
	


	<input type="radio" name="radiobutton" value="radiobutton"> statico

	<input type="radio" name="radiobutton" value="radiobutton"> dinamico

	</p>
	<div id="forward"><input type="submit" name="submit" value="avanti &gt;"></div>
	</form>
		</div></div></div>
	</div>
	<div id="right">
	<div id="guide_title">guida</div>
	<div id="guide">
		<div id="guide_text">
	

testo</p>
		</div>
	</div>
	</div>
	</div>
</body>
</html>

e poi guardate il seguente CSS:

codice:
/*<group=tags>*/

p {
	margin-top: 5px;
}

body {
	color:#036;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

form {
	margin-left: 20px;
	margin-top: 20px;
}

input {
	margin-top: 10px;
	color: #262d6c;
}
	
/*</group>*/

/*<group=divs>*/

#content {
	width:  700px;
	border: 1px solid #e4e4e4;
	position: relative;
	height: 400px;
	margin: 20px auto 0px auto;
	padding: 0px;
	text-align: left;
	background: #f9f9f9 no-repeat left bottom url(../images/bg_home.gif);
}

#left {
	width: 495px;
	float: left;
	margin: 15px 0px 0px 10px;
	padding: 0px;
}

#description {
	width: 495px;
	padding: 4px 0px 4px 5px;
	border: 1px solid #b5cade;
	color: #869cb2;
	margin: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-indent: 5px;
	padding: 4px 0px 4px 0px;
}

#choice_bg {
	background: url(../images/bg_choice2.jpg) no-repeat right top;
}

#choice {
	width: 495px;
	height: 300px;
	border: 1px solid #b5cade;
	overflow: auto;
	background: #ffffff repeat-x left bottom url(../images/bg_choice.gif);
	margin-top: 10px;
	-moz-opacity: 0.8; 
	filter: alpha(opacity=80);
}

#choice_text {
	text-align: left;
	margin: 5px;
	-moz-opacity: 1; 
	filter: alpha(opacity=100);
}

#forward {
	background: #f0f0f0;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-right: 30px;
	-moz-opacity: 1; 
	filter: alpha(opacity=100);
}

#right {
	width: 160px;
	margin: 15px 0px 0px 10px;
	float: left;
	top: 0px;
	padding: 0px;
}

#guide_title {
	width: 160px;
	margin: 0px;
	padding: 4px 0px 4px 5px;
	border: 1px solid #bce3d3;
	color: #649963;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-indent: 5px;
	padding: 4px 0px 4px 0px;
}
	
#guide {
	width: 160px;
	height: 300px;
	margin-top: 10px;
	border: 1px solid #bce3d3;
	overflow: auto;
	background: #ffffff bottom repeat-x url(../images/bg_guide.gif);
}

#guide_text {
	text-align: left;
	margin: 5px;
	color: #336633;
}
	
/*</group>*/

come potete notarte ho applicato il tantek-celik a #guide_title per correggere il padding su IE5, ma subito il div successivo ( #guide ) mi appare senza bordi e senza sfondo. perchè?

nn l' ho testato ancora su IE6, ma su moz e altri geko tutto OK.