I'm trying to create this shape with **tables**:
![The shape](https://i.stack.imgur.com/mQ2dz.jpg)

My html code is this:

```
<html>
    <head>
        <title>Exercise!</title>
    </head>
    <body>
        <table border="1" width="100%" height="100%">
            <tr>
                <td colspan="2"></td>
                <td colspan="3"></td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td colspan="1"></td>
                <td colspan="2"></td>
                <td colspan="1"></td>
                <td colspan="2"></td>
                <td colspan="1" rowspan="2"></td>
            </tr>
            <tr>
                <td colspan="2"></td>
                <td colspan="1"></td>
                <td colspan="2"></td>
                <td colspan="1"></td>

            </tr>
        </table>
    </body>
</html>

```

This html code gets me this wrong shape:

![wrong shape](https://i.stack.imgur.com/Cap6r.png)

But when I add a row without `colspan` and `rowspan`s, the browser shows this correct shape but with an extra row:

![almost correct shape](https://i.stack.imgur.com/j5T3p.png)

Here is the code that creates the correct shape but with an extra row:

```
<html>
    <head>
        <title>Exercise!</title>
    </head>
    <body>
        <table border="1" width="100%" height="100%">
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td colspan="2"></td>
                <td colspan="3"></td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td colspan="1"></td>
                <td colspan="2"></td>
                <td colspan="1"></td>
                <td colspan="2"></td>
                <td colspan="1" rowspan="2"></td>
            </tr>
            <tr>
                <td colspan="2"></td>
                <td colspan="1"></td>
                <td colspan="2"></td>
                <td colspan="1"></td>

            </tr>
        </table>
    </body>
</html>

```

What is the problem?

**EDIT : IE shows a big blank rectangle!!!! Also what is this problem?**