Odd thing in viewCat

[Guest]

Okay, this is just plain weird and I cannot figure out what is causing it.

Below is the code as it stands now for my modified viewCat.tpl file at www.crossdressfashions.com. All looks fine until you click on categories that have subcategories - click on "Shoes" or "Clothing" to see what I mean), then the text above the subcats turns white! (highlight it with your mouse and it's there as it should be...and stays there after you highlight it too!!!).

Any ideas????

<!-- BEGIN: view_cat -->

<div class="boxContent">

<span class="txtContentTitle">{TXT_CAT_TITLE}</span><br>

<span>{TXT_CAT_DESC} </span><br>

<br clear="all" />

<!-- BEGIN: sub_cats -->

<div id="subCats">

Click on a Sub-Category below for more selections:<br><br>

	<!-- BEGIN: sub_cats_loop -->

	<span class="leftCat">

  <li> <a href="index.php?act=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault">{TXT_CATEGORY}</a> </span>

	<!-- END: sub_cats_loop -->

</div>

<!-- END: sub_cats -->

<br clear="left" />

<!-- BEGIN: cat_img -->

<img src="{IMG_CURENT_CATEGORY}" border="0" alt="{TXT_CURENT_CATEGORY}" />

<!-- END: cat_img -->

<div><strong>{LANG_CURRENT_DIR}</strong> {CURRENT_DIR}</div>

<div class="pagination">{PAGINATION}</div>

<!-- BEGIN: productTable -->

<table border="0" width="100%" cellspacing="0" cellpadding="3" class="tblList">

  <tr>

    <td class="tdListTitle"><strong>{LANG_IMAGE}</strong></td>

    <td class="tdListTitle"><strong>{LANG_DESC}</strong></td>

    <td class="tdListTitle"><strong>{LANG_PRICE}</strong></td>

	<td class="tdListTitle">&nbsp;</td>

  </tr>

  <!-- BEGIN: products -->

  <tr>

    <td align="center" class="{CLASS}"><a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" target="_self"><img src="{SRC_PROD_THUMB}" alt="{TXT_TITLE}" border="0" /></a></td>

    <td valign="top" class="{CLASS}"><a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" target="_self" class="txtDefault"><strong>{TXT_TITLE}</strong></a><br />

	{TXT_DESC}<div class="txtOutOfStock">{TXT_OUTOFSTOCK}</div></td>

	<td align="center" class="{CLASS}">{TXT_PRICE}

    <div class="txtSale">{TXT_SALE_PRICE}</div></td>

    <td align="right" nowrap='nowrap' class="{CLASS}">

	<form action="{CURRENT_URL}" method="post" name="prod{PRODUCT_ID}">

	<!-- BEGIN: buy_btn -->

	<input type="hidden" name="add" value="{PRODUCT_ID}" />

	<input type="hidden" name="quan" value="1" /><a href="javascript:submitDoc('prod{PRODUCT_ID}');" target="_self" class="txtButton">{BTN_BUY}</a><!-- END: buy_btn --> <a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" target="_self" class="txtButton">{BTN_MORE}</a></form></td>

</tr>

<!-- END: products -->

</table>

<!-- END: productTable -->

<!-- BEGIN: noProducts -->

<div>{TXT_NO_PRODUCTS}</div>

<!-- END: noProducts -->



<div class="pagination">{PAGINATION}</div>

</div>

<!-- END: view_cat -->

[Guest hennaboy]

Er yeah that is pretty wierd.

IE related? it appears fine in Firefox.

[Guest]

Really? Now that is just plan weirder!

Anyone have an idea how I can fix it?

[Guest]

Good news? It's only in IE and it's in every instance of CC3 that I've seen. It's NOT your code. It's something about how some part of the CSS is rendered in IE. I just don't know what part exactly. :whistle:

[Guest]

hmmm how odd. very very odd.

Thanks though - thought I was really missing something in the code and it was driving me a bit nuts! lol

If anyone figures this one out, please DO post it! Most of my customers use IE :whistle: