I have put two widgets both 2 wide above my loop. But I want them to not auto resize to the full width of the center container... I have tried the following CSS

viewable here: www.nbrtc.com

table#header1
{
align: left;
border-spacing: 0px;
border-collapse: collapse;
width: 600px;
margin-left:auto;
margin-right:auto;
}

table#header2
{
align: left;
border-spacing: 0px;
border-collapse: collapse;
width: 600px;
margin-left:auto;
margin-right:auto;
}

td#header1_1 
{ 
background: url('<?echo get_template_directory_uri();?>/images/redbg2.png');
background-repeat: no-repeat;
color: #ffffff;
padding: 15px;
height: 180px;
}

td#header1_2 
{ 
background: url('<?echo get_template_directory_uri();?>/images/whitebg2.png');
background-repeat: no-repeat;
color: #ffffff;
font-weight: bold;
padding: 15px;
height: 180px;
}

td#header2_1 
{ 
background: url('<?echo get_template_directory_uri();?>/images/whitebg2.png');
background-repeat: no-repeat;
color: #ffffff;
padding: 15px;
height: 180px;
}

td#header2_2
{ 
background: url('<?echo get_template_directory_uri();?>/images/bluebg2.png');
background-repeat: no-repeat;
color: #ffffff;
padding: 15px;
height: 180px;
}

I'm not sure if it is possible but if it is please let me know!

what do you mean by

I want them to not auto resize to the full width of the center container