Table Alignment with Div

[hantousha]

I needed some help with able alignment. I havn't coded for a while, and can't figure out what i am doing wrong here. I have these divs setup, and a table in one, but for some reason the table does not align to the middle. It just aligns with the left side of the table, and the rest leads off to the right. Here is my code:\[code\]<div id="SlideShow_Wrapper" align="center"> <div id="SlideShow_Background" align="center"> <div align="center" id="SlideShow"> <table border="1" align="center" > <tr align="center"> <td style="padding-right:15px;"><img src="http://stackoverflow.com/questions/14596765/LeftArrow.png" /></td> <td><img id="SlideShow_Picture" src="http://stackoverflow.com/questions/14596765/Ore_Background.png" /></td> <td style="padding-left:15px;"><img src="http://stackoverflow.com/questions/14596765/RightArrow.png" /></td> </tr> </table> </div> </div> </div>\[/code\]And here is my css:\[code\]#SlideShow{margin:0px auto;}#SlideShow_Background{background-image:url(Stone.png);border-radius:10px;width:820px;height:420px;}#SlideShow_Wrapper{padding-top:50px;}\[/code\]I tried some things out, and when i remove the SlideShow_Background, the table aligns as normally, but when i add it back in, the table just aligns to the right. Any help would be niceEDIT:I want the table to be centered, not off to the right. This jsFiddle shows it, but without the content, but you can see what i mean. jsfiddle.net/7CctF And this next link is how I want it to be, jsfiddle.net/fuECu see how its centered, But i cant find a way to do that without taking off the SlideShowbackground div.