Déjà, ta déclaration de <div> est inutilement compliquée, et erronée. Pourquoi utiliser un tableau <table> ? Dans lequel tu as défini une ligne <tr>, mais où tu as oublié de définir une colonne <td>. Enfin, tu ajoutes un paragraphe vide, inutile lui aussi ? Ecris tout simplement
<div id="bas"><img src="images/banniere-bas.jpg" /></div>
Ensuite, peu importent les dimensions de la <div>, elle s'ouvrira à celles de l'image que tu y insères. Je pense aussi que l'attribut position:relative est inutile (défaut). Ce qui donne finalement
#bas {text-align:center;}
div#bas est inutile, puisque "bas" est forcément une étiquette unique (id). Il faut savoir être paresseux laconique...
Au pire, si cela ne fonctionne toujours pas, essaie d'ajouter l'attribut float
#bas {
float:left;
text-align:center;
}