IE 9 browser alignment problem

Hi,

I have encountered a strange alignment problem at the menu bar texts. Kindly access to this page at www.kaks.sg/index.php?option=com_content...cle&id=48&Itemid=140 .

The problem is at the "Youth Executive Committee" texts. The word "Committee" is spill-over to the row below when viewing using my IE 9 browser but no problem when viewing using Firefox and Google Chrome browsers.

You can't view the text visually as it is in white colour text and the row below is in white background but you can see there is a link when doing a mouse-over.

To view the complete texts(Youth Executive Committee), pls view from either Firefox or Google Chrome browser.

Can somebody point out what is the problem with the alignment ?

Thanks and Best Regards

It look's OK when I view it from IE9 ?

Hi Ivan,

Can you see the missing word "Committee" at Youth Executive Committee" menu when viewing using IE 9 browser ?

Best Regards

Hi,

add this in index.php of template just before closing of head section </head>:


<!--[if IE 9]>

<style type="text/css">

.menu LI A SPAN
{
font-size:10px;
}

</style>

<![endif]-->

Hi Ivan,

I added the codes to index.php but the outcome is still the same. Do take a look for yourself. Thanks !

Best Regards

Hi you wrote "=" instead of ":", and you forgot ";". Just copy/paste code below:


<!--[if IE 9]>
<style type = "text/css">
.menu LI A SPAN{
font-size:10px;
}
</style>
<![endif]-->