wireframe menu problem with IE8

[iv4o]

1) Script Title:
wireframe menu problem with IE8
2) Script URL (on DD):
http://www.dynamicdrive.com/style/csslibrary/item/wire-frame-menu/P0/
3) Describe problem:
The look in IE8 is not correct.

http://www.abroadbg.com with mozilla the menu appear correct, but with IE8 my menu have big blue border, how to remove them ?

Here is my .css


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

h1{
padding: 4px;
margin: 2px;
text-align: center;
}

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
text-align: left; /*IE/Opera only rule.*/
width: 160px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

and this is the HTML part where i us the code:


<div class="wireframemenu">

<p><h1 class="h1_wireframemenu">{$lang_water_drop['gal_menu']}</h1></p>

<!-- BEGIN home -->
<p><a href="{HOME_TGT}" title="{HOME_TITLE}">» {HOME_LNK}</a></p>
<!-- END home -->

<!-- BEGIN my_gallery -->
<p><a href="{MY_GAL_TGT}" title="{MY_GAL_TITLE}">» {MY_GAL_LNK}</a></p>
<!-- END my_gallery -->

<!-- BEGIN allow_memberlist -->
<p><a href="{MEMBERLIST_TGT}" title="{MEMBERLIST_TITLE}">» {MEMBERLIST_LNK}</a></p>
<!-- END allow_memberlist -->

<!-- BEGIN my_profile -->
<p><a href="{MY_PROF_TGT}">» {MY_PROF_LNK}</a></p>
<!-- END my_profile -->

<!-- BEGIN faq -->
<p><a href="{FAQ_TGT}" title="{FAQ_TITLE}">» {FAQ_LNK}</a></p>
<!-- END faq -->

<!-- BEGIN enter_admin_mode -->
<p><a href="{ADM_MODE_TGT}" title="{ADM_MODE_TITLE}">» {ADM_MODE_LNK}</a></p>
<!-- END enter_admin_mode -->

<!-- BEGIN leave_admin_mode -->
<p><a href="{USR_MODE_TGT}" title="{USR_MODE_TITLE}">» {USR_MODE_LNK}</a></p>
<!-- END leave_admin_mode -->

<!-- BEGIN upload_pic -->
<p><a href="{UPL_PIC_TGT}" title="{UPL_PIC_TITLE}">» {UPL_PIC_LNK}</a></p>
<!-- END upload_pic -->

<!-- BEGIN register -->
<p><a href="{REGISTER_TGT}" title="{REGISTER_TITLE}">» {REGISTER_LNK}</a></p>
<!-- END register -->

<!-- BEGIN login -->
<p><a href="{LOGIN_TGT}" title="">» {LOGIN_LNK}</a></p>
<!-- END login -->

<!-- BEGIN logout -->
<p><a href="{LOGOUT_TGT}" title="">» {LOGOUT_LNK}</a></p>
<!-- END logout -->
</div>
EOT;

// HTML template for sub_menu
$template_sub_menu = <<<EOT

<div class="wireframemenu">
<!-- BEGIN custom_link -->
<p><a href="{CUSTOM_LNK_TGT}" title="{CUSTOM_LNK_TITLE}">» {CUSTOM_LNK_LNK}</a></p>
<!-- END custom_link -->

<p><a href="location_map.php">» {$lang_water_drop['location_map']}</a></p>

<!-- BEGIN album_list -->
<p><a href="{ALB_LIST_TGT}" title="{ALB_LIST_TITLE}">» {ALB_LIST_LNK}</a></p>
<!-- END album_list -->
<p><a href="{LASTUP_TGT}">» {LASTUP_LNK}</a></p>
<p><a href="{LASTCOM_TGT}">» {LASTCOM_LNK}</a></p>
<p><a href="{TOPN_TGT}">» {TOPN_LNK}</a></p>
<p><a href="{TOPRATED_TGT}">» {TOPRATED_LNK}</a></p>
<p><a href="{FAV_TGT}">» {FAV_LNK}</a></p>
<p><a href="{SEARCH_TGT}">» {SEARCH_LNK}</a></p>
</div>
<hr />
<div class="wireframemenu">
<p><h1 class="h1_wireframemenu">{$lang_water_drop['friends']}</h1></p>
<p><a href="http://www.avatar-bg.org">www.avatar-bg.org</a></p>
<p><a href="http://www.party-bg.net/">www.party-bg.net</a></p>
<p><a href="http://www.w3schools.com/"><img src="http://www.w3schools.com/images/w3schools88x31.gif" border="0" alt="" /></a></p>
<p><a href="http://www.htmldog.com/"><img src="http://www.htmldog.com/badge3.gif" width="88" height="31" border="0" alt="HTML and CSS tutorials, references, and articles" /></a></p>
</div>

Please somebody to help me .

[jscheuer1]

Here (highlighted and red):


<table width="100%" border="0">
<tr>
<td width="150" valign="top" align="center" bgcolor="transparent">
<table width="150" border="0" bgcolor="#transparent">
<tr>
<td width="150">
<div class="wireframemenu">

<p><h1 class="h1_wireframemenu">M . . .

That's invalid. IE reads it as #0000e0. You really should set the background-color in the stylesheet. However, simply by removing the red #, that will fix it.

[iv4o]

Thanks John, i can't believe i didn't see this error in my theme.. Thank u very much for the fast reply :)