I have a div containing 2 other divs.

```
<div id="centerDiv">
    <div id="menuTab"><?php include 'MenuEquipos.php'; ?>   </div>
    <div id="programaTab"></div>                        
</div>

```

the rigth div is populated using ajax and it will grow dynamicly. So some times

```
#menuTab.Heigth > #programaTab.Heigth

```

and some times

```
#menuTab.Heigth < #programaTab.Heigth

```

how can i make the 2 div same heigth as the heigth?

css:

```
#centerDiv{
    margin: 0 auto;
}

#menuTab{
    background-color: #636977;
    vertical-align: top;
    margin-left: 12%;
    width: 16%;
    min-height: 400px;
    float: left;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    border-right : 2px solid black;
    border-left : 2px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: lightsteelblue;
}

#programaTab{
    margin-left: 5px;
    border-left: 5px;   
    float: left;
    min-height: 400px;
    min-width: 400px;
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    border-right : 2px solid black;
    border-left : 2px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #636977;
    visibility:hidden;
}

```