[AutoSolucionado]Problema con HTML o CSS

Solucion:

Código

table.footer {
	background-color: #888888;
	border: 0.12em solid black;
	border-spacing: 6em 1em;
	border-collapse: separate;
 
}
td{
	background-color: #888888;
	border-style::none;
	width:4em;
}

Estaba creando un footer para mi web, y me ocurre que al colocar una tabla dentro de div, se separa la ostia. algo como esto:

Titulo Titulo
Elemento Elemento
Queriendo que quede asi

Titulo titulo2 titulo3
001 002 003

Tengo que usar cellspacing?

Y si, aunque le ponga 0.1%, y no sé porque. Si quito el porcentaje, funciona, pero no seía relativo a otras resoluciones de pantalla :S

==CSS==

Código

* {
	font-family: arial, verdana, sans-serif;
	font-size: 103%;
}
a, a:visited, a:link, a:hover, a:active {
	text-decoration: none;
	color: #000000;
}
hr.footer {
	height:1%;
	background-color:#000000;
}
table.footer {
	background-color: #888888;
	border: 2px solid black;
	border: 100%;
	border-collapse: collapse;
}
td{
	background-color: #888888;
	border-style::none;
	width: 0.1%;
}
div#footer {
	margin-top:100%;
	margin-bottom: 15%;
	margin-right: 20%;
	margin-left: 15%;
	color: #000000;
	font: bold;
	text-transform:capitalize;
	font-weight: bold;
	background-color:#666666;
}

==HTML SIMPLITO==

Código

<html>
	<head>
		<link rel='stylesheet' type='text/css' href='css/index.css' />
		<!--link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">-->
		<title>CATH proyect </title>
	</head>
	<body>
		<div id='footer'>
		<hr class="footer"/>
		<table class="footer">
			<td>Informacion </td><td>ds</td><tr>
			<td>001</td><td>002</td>
		</table>
		</div>
	</body>
</html>