Margin-right not working

Hi Guys,

I can't understand why margin-right doesn't work even though my syntax appears correct in code below and margin-left works with same syntax. I want both left and right margins equal.

Also I'm trying to get rid of space under image, which I can't see where space is created in code.

Any ideas/help is greatly appreciated.

Thanks

Code:

<!DOCTYPE html> <html> <head> <style> h1,h2,h3,p,p2 {font-family: Arial;} h1 {font-size:150%; margin:10px; color:#003399;} h2 {font-size:110%; margin:10px;} h3 {font-size:80%; margin:10px; color:red;} p {font-size:80%; margin:10px;} .container {width:600px; height:auto; margin-top:50px; margin-bottom:auto; margin-right:50px; margin-left:50px; border:1px solid #cccccc; background:#ffffff; } div.img { border:0; text-align:center; } div.hr { border: 0; width: 100%; } table{ margin: 10px; border: 0px solid #cccccc; width: 580px; border-spacing:0; border-collapse:collapse; /* 'cellspacing' equivalent */ } table td { padding: 8px 8px; } td{ border: 1px solid #cccccc; font-size:80%; font-family: Arial; cellpadding: 10px; /* 'cellpadding' equivalent */ } </style> </head> <body> <div class="container"> <div class="img"><img src="klematis_small.jpg"></div> <div class="hr"><hr /></div> <h1>Header1</h1> <h2>"Header2"</h2> <h3>* HEADER3 *</h3> <h3>Header3</h3> <p>Paragraph:</p> <table> <tr> <td width ="20%">Project</td> <td width ="80%">Name</td> </tr> <tr> <td width ="20%">Date</td> <td width ="80%">02/04/2013</td> </tr> <tr> <td width ="20%">Request</td> <td width ="80%"><a href="http://www.w3schools.com">testurl</a></td> </tr></table> <p>This is a paragraph.</p> <p>Expand on pararapgh.</br> <font size="3" color="#003399">TESTING COLOR</font></p> <p>TESTING</p> </div> </body> </html>