set table row height...

[tbare]

here's what i got:

 

http://dev.wannafork.com/index.php

 

choose Select State, choose Missouri, the menu that's populated has "Change County of Residence" on the far right. change the size of your browser to where that line wraps to 2 lines.

 

Notice how the rest of the menu looks messed up? i want the height of the rest of the menu to mirror the height of the tallest cell..

 

any ideas? here's the css:

 

table.menuTable {
background-color: #000066;
width: 100%;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#menu a {
color: #ffffff;
font: normal 12px/24px verdana, arial, tahoma, sans-serif;
display: block;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
text-decoration: none;
}

#menu a:hover {
color: #000066;
background-color: #ffffff;
}

[rarebit]

mmm, the vertical lines are bigger than the rest. (this was natural for me)

Maybe if you set the heights to 100%, but remember to wrap them all with a single div...

[tbare]

right... this is the problem... height="100%" doesn't work... i've tried that

 

Any other thoughts?

 

Thanks,

 

TBare