[RESOLVIDO] CSS em 3 colunas: a última fica desalinhada

#boxes
{
	padding: 30px 0 30px;
}

#box-left
{
	min-height: 195px;
	margin-left: 15px;
	padding: 5px;
	width: 250px;
	float: left;
	border: 1px solid #fff;
}

#box-center
{
	min-height: 195px;
	padding: 5px;
	float: left;
	width: 250px;
	margin-left: 40px;
	border: 1px solid #fff;
}

#box-right
{
	min-height: 195px;
	padding: 5px;
	float: left;
	width: 250px;
	margin-left: 40px;
	border: 1px solid #fff;
}

#clear
{
	clear: both;
}

<div id="rodape">
		
			<div id="boxes">
			
				<div id="box-left" class="login">
					<p><strong>Login</strong></p>
					<jdoc:include type="modules" name="box-left" />
				</div>
				
				<div id="box-center" class="enquete">
					<p><strong>Enquete</strong></p>
					<jdoc:include type="modules" name="box-center" />
				</div>
				
				<div id="box-right">
					<p><strong>São Mateus do Sul</strong></p>
					<jdoc:include type="modules" name="box-right" />
				</div>
				
				<div id="clear"></div>
			
			</div>
		
			<jdoc:include type="modules" name="footer" />
			
		</div>