Таблица и DIV с одной шириной

Салют, всем!

Простой пример (X)HTML с CSS. Хочу разметить таблицу и DIV тэг с одной шириной, но в < FF 3.0 и < IE 7.0 почему-то получается разная ширина для первого примера (second sample). Тестирую ширину так же на увеличение текста (Ctrl ++).

Кто-нибудь знает решение?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/TR/xhtml1">
<head>
<title>Test table and DIV tag width</title>
<style>
* {
    margin : 0;
    padding: 0;
}
</style>
</head>
<body>
    <h2>First sample:</h2>
    <table style="width: 50%; border: 1px solid;">
        <tr>
            <td>text</td>
            <td>text</td>
        </tr>
        <tr>
            <td>aaaa</td>
            <td>bbbb</td>
        </tr>
    </table>
    
    <div style="border: 1px solid #7090C0; width: 50%;">
        <A href="#">Next</A></div> 
    
    <br /><br />
    <h2>Second sample:</h2>
    <table style="width: 50.18%; border: 1px solid;">
        <tr>
            <td>text</td>
            <td>text</td>
        </tr>
        <tr>
            <td>aaaa</td>
            <td>bbbb</td>
        </tr>
    </table>
    
    <div style="border: 1px solid #7090C0; width: 50%; margin-top: 0px;">
        <A href="#">Next</A></div>     
</body>
</html>

	От:	russl
	Дата:	14.07.08 09:22
	Оценка: