а вот как теперь для моего случая
вот эту таблицу
<style type='text/css'>
<!--
.ddmx77{
border:0px solid #FFFFFF !important;
}
.ddmx77 a.item1,
.ddmx77 a.item1:hover,
.ddmx77 a.item1-active,
.ddmx77 a.item1-active:hover {
padding: 5px 5px 5px 5px !important;
top: 0px ;
left: 0px;
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
text-align: left !important;
font-weight: bold !important;
color: #D78807 !important;
text-decoration: none !important;
display: block;
white-space: nowrap;
position: relative;
background-color: #FFFCDA !important;
width:157px;
}
.ddmx77 td.item11 {
padding:0 !important;
border-top: 1px dashed #CCCCCC !important;
border-left: 1px dashed #CCCCCC !important;
border-right: 1px dashed #CCCCCC !important;
border-bottom: 0 !important;
white-space: nowrap !important;
width:157px;
}
.ddmx77 td.item11-last {
padding:0 !important;
border: 1px dashed #CCCCCC !important;
white-space: nowrap;
width:157px;
}
.ddmx77 td.item11-acton {
padding:0 !important;
border-top: 1px dashed #CCCCCC !important;
border-left: 1px dashed #CCCCCC !important;
white-space: nowrap;
border-right: 1px dashed #CCCCCC !important;
}
.ddmx77 td.item11-acton-last {
border: 1px dashed #CCCCCC !important;
}
.ddmx77 .item11-acton-last a.item1,
.ddmx77 .item11-acton a.item1,
.ddmx77 .item11-acton-last a:hover,
.ddmx77 .item11-acton a:hover,
.ddmx77 .item11 a:hover,
.ddmx77 .item11-last a:hover,
.ddmx77 a.item1-active,
.ddmx77 a.item1-active:hover {
color: #FFFFFF !important;
background-color: #F0BF6F !important;
}
.ddmx77 a.item2,
.ddmx77 a.item2:hover,
.ddmx77 a.item2-active,
.ddmx77 a.item2-active:hover {
padding: 5px 5px 5px 5px !important;
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
text-align: left !important;
font-weight: bold !important;
text-decoration: none !important;
display: block;
white-space: nowrap;
position: relative;
z-index:500;
-moz-opacity:0.85;
}
.ddmx77 a.item2 {
background-color: #FFFCDA !important;
color: #E18246 !important;
border-top: 1px solid #CCCCCC !important;
border-left: 1px solid #CCCCCC !important;
border-right: 1px solid #CCCCCC !important;
}
.ddmx77 a.item2-last {
background-color: #FFFCDA !important;
color: #E18246 !important;
border-bottom: 1px solid #CCCCCC !important;
z-index:500;
}
.ddmx77 a.item2:hover,
.ddmx77 a.item2-active,
.ddmx77 a.item2-active:hover {
background-color: #FFFFCC !important;
color: #FF9900 !important;
border-top: 1px solid #CCCCCC !important;
border-left: 1px solid #CCCCCC !important;
border-right: 1px solid #CCCCCC !important;
}
.ddmx77 .section {
border: 0px solid #FFFFFF !important;
position: absolute;
visibility: hidden;
display: block;
z-index: -1;
}
.ddmx77frame {
border: 0px solid #FFFFFF !important;
}
.ddmx77 .item11-acton .item1 img.seq2,
.ddmx77 img.seq1
{
display: inline;
}
.ddmx77 a.item1:hover img.seq2,
.ddmx77 a.item1-active img.seq2,
.ddmx77 a.item1-active:hover img.seq2,
.ddmx77 a.item2:hover img.seq2,
.ddmx77 a.item2-active img.seq2,
.ddmx77 a.item2-active:hover img.seq2
{
display: inline;
}
.ddmx77 img.seq2,
.ddmx77 .item11-acton .item1 img.seq1,
.ddmx77 a.item2:hover img.seq1,
.ddmx77 a.item2-active img.seq1,
.ddmx77 a.item2-active:hover img.seq1,
.ddmx77 a.item1:hover img.seq1,
.ddmx77 a.item1-active img.seq1,
.ddmx77 a.item1-active:hover img.seq1
{
display: none;
}
* html .ddmx77 td { position: relative; } /* ie 5.0 fix */
-->
</style>
применять для статей по суфиксу