Как растянуть таблицу на ширину родительского блока?

DrTiBiBo · May 24, 2012

Здравствуйте!

Имеется html:

<div id="partner_info">
    <div class="title">
	<a class="a_closed"><img class="arrow" src="images/arrow_closed.gif" /></a>
        ?????????
    </div>
    <table id="partner_info_table" class="close">
	<tr>
	    <td class="pi_name bold">????????:</td>
	    <td class="pi_value">???????</td><%//TODO Buyer%>
	    <td class="pi_name bold">test23</td>
            <td class="pi_value">test</td>
	</tr>
    </table>
</div>

К нему CSS:

#partner_info{
	border:1px solid black;
	border-top:none;
	background-color:#DEEDFE;
	padding:0 10px 5px 10px;

}
.arrow{
	display:block;
	width:14px;
	height:12px;
	float:left;
	margin:8px 5px 0 0;
	border:none;
}
.a_closed:hover{
	cursor:pointer;
}
.a_opened:hover{
	cursor:pointer;
}
#partner_info_table{
	margin-top:5px;
	border:none;
	width:100%;
	border-collapse: collapse;
	position:relative;
}
#partner_info_table tbody{
	width:100%;
}
#partner_info_table tr{
	height:15px;
	width:100%;
}
#partner_info_table td{
	padding:0;
}
#partner_info_table td.pi_name{
	width:10%;
	min-width: 10%;
}
#partner_info_table td.pi_value{
	width:40%;
}

В IE таблица отображается во всю ширину родительского #partner_info. В Firefox таблица тоже растягивается на 100%, НО tbody занимает всего лишь 50% ширины.