Text doesnt align in IE but works with Mozilla and Chrome

panos100m

I cant put the text (register,members,find) in the center of the three buttons using Internet explorer...

Any help will be much appreciated

(html code below)

Expand|Select|Wrap|Line Numbers

 <td class="ct">

<!-- menu table starts here -->

<table cellspacing="0" cellpadding="0" class="width100per" id="intro-menu-tbl">

<tr>

<td width="77" class="lt">&nbsp;</td>

<td class="cm"><table cellspacing="0" cellpadding="0" class="width100per" id="top-mnu-tbl">

<tr>

<td width="172" class="cm bdr-l">&nbsp;</td>
 
<td class="menu-txt bdr-l "><a href="member.php"> members</a></td>

<td align="middle" {if $tab_check eq 7}class="menu-txt-search bdr-l "{else}class="menu-txt-search bdr-l "{/if}><a align="middle" href="search_sp.php">find </a></td> 

<td class="cm menu-txt bdr-l"><a href="become_user.php">register</a></td>
 
<td width="172" class="cm bdr-l">&nbsp;</td>

</tr>

</table></td>

//css properties 

.menu-txt{

font-family: Arial, Helvetica, sans-serif;

font-size:11px;

color:#9E9E9E;

text-align: center;
 
vertical-align:middle;

/*text-transform:uppercase;*/

}

.menu-txt a{

color: #FFFFFF;

/*text-transform:uppercase;*/

text-decoration:none; 

}

.menu-txt a:hover{

color:#FB0206;

}

.ct, .cb, .cm {

text-align:center;

}

.lt, .rt, .ct {

vertical-align:top;

}

.lt, .lm, .lb {

text-align:left;

}

roundabend

same problem here.... guess this is what we should expect from sub standard products like IE.. :(

any ideas people?

cheers!!

Text doesnt align in IE but works with Mozilla and Chrome

re: Text doesnt align in IE but works with Mozilla and Chrome

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about