Div não fica no lugar correto

Bom dia Pessoal,

Preciso de ajuda. Tenho várias divs uma dentro de outra e, em uma delas, uma tabela gerada por JS. Preciso colocar dois botões logo abaixo dessa tabela, porém, ao colocar as divs, os botões estão ficando dentro da Div onde está localizada a tabela. Podem me ajudar?

HTML:

 <div class="produtos">
<div class="caixa"><h2>SELEÇÃO DE OFERTAS </h2>
	<div style="text" id="project-label"> NOME DO PRODUTO: <input id="project"/>
	</div>
	<div class="prod_lista" align=""><table id="listaprod" /></div>
	<div class="botao"><form method="post" action="" onsubmit="$('#val1').val($('#content').html());$('#val2').val($('#styleContent').text())">
 <input type="hidden" name="val1" id="val1">
 <input type="hidden" name="val2" id="val2">
 <input style="width: 150px; height:30px; background-color:#CC0000; border-bottom-color:#FF0000; border-left-color:#FF0000; border-right-color:#FF0000; border-top-color:#FF0000; font-weight:bold; color:#FFFFFF" type="submit" id="btnSave" value="GERAR TEMPLATE" name="botao"/></div>
 </form>
	<div class="lixeira" ondragover="allowDrop(event)" ondrop="exclui(event)"><img src="img/lixeira.png"></div>
 </div></div>

Javascript:

function Carregalista() {
	$.each(projects, function (i) {
 $('#listaprod').append("<td><div class='imagem'><img id="+ projects[i].value +" draggable=true ondragstart=drag(event) src="+ projects[i].icon +" /></div><div><br>" + projects[i].desc + "</div></td>");
	});
}

CSS:

#listaprod	{
	font-size: 1em;
	background-color: #EEE;
}

.prod_lista	{
	width: 90%;
	height: 100%;
	overflow-x: scroll;
	margin-left: 5%;

}

#btnSave {
	border-color: #FF0000;
	background-color: #CC0000;
	font-weight: bold;
	color: #FFFFFF;
	width: 30%;
	height: 10%;
	font-size: 140%;
}

.lixeira img{

	width: 10%;
	height: 10%;
	text-align: center;
}

.produtos {
	width: 40%;
	float: right;
	margin-right: 1%;
	display: inline-block;
	padding: 1%;
	clear: both;
}

.div {
	display: block;
}

@edit

Esqueci o print de como está.

/applications/core/interface/imageproxy/imageproxy.php?img=http://i40.photobucket.com/albums/e229/gabriel_silva20/EV_65_zpscvdhfype.jpg&key=494f7e707269e805eaaf4aa7b1b15d73b3b0a1a1b7a9e5941a9b1efbc526e814" alt="EV_65_zpscvdhfype.jpg" />