Margin-right pas prit en compte?

Bonjour, j'essaie de placer un tableau sur ma page mais apparemment, mon margin-right à un problème, il n'est pas pris en compte alors que la division avec le fond du ciel ai prit en compte..

Ils ont tout les deux un margin-right à 10% mais bon..

Voici un screen: http://www.zimagez.com/zimage/1d4ea0c94a75dbffa59cabf76a123d5d3.php

Comment ça se fait, il faudrait que je le dise autrement?

Je sais que c'est une question stupide mais bon..

Je voudrais aussi que mon tableau (celui avec les 3 cellules) se stop à une marge de 10%à droite mais continue sur la gauche, je sais pas si j'ai bien expliqué..

Enfin bref, voilà mon code pour vous montrer:

<div class="baniere_haut"><img src="images/bleu.jpg" width=100% height=250px></div>
<table border="2" class="ligne">
	<tr>
		<td>Accueil</td>
		<td>S'inscrire</td>
		<td>S'identhifier</td>
	</tr>
</table>




.baniere_haut{
background-repeat:repeat;
margin-top:5%;
margin-left:10%;
margin-right:10%;
margin-bottom:5%;
}

.ligne{
margin-top:-90px;
margin-right:10%;
margin-left:80%;
border-collapse:collapse;
}