I been using the Madrid template and altered the menu. But I see in the code of the list page somewhere magically this code comes up:
<div id="menu_block1" >
<!-- MainMenuBegin -->
<style>
/* For Gmenu on the list page */
.Gmenu ul, .Gmenu ul li{margin:0;padding:0;display:inline;}
.Gmenu ul li {float:left;width:auto;}
.Gmenu ul li a.ahr{padding:0 9px;}
.Gmenu ul li ul {display:none;position:absolute;z-index:1;}
.Gmenu ul li ul li {display:block;border-top:0px;padding: 2px 0 2px 0;white-space:nowrap;}
</style>
<!--[if IE]>
<style>.Gmenu ul li ul{left:0px;}</style>
<![endif]-->
<style>
/* for Paris */
.menutab1 {float:left;border-collapse: collapse;margin-top:1px}
.menutab1 * {padding:0;margin:0}
.menutab2 {border-style:solid;border-width:1px;border-right:none;border-bottom:none;height:25px}
.menutab3 {border-style:solid;border-width:1px;border-bottom:none; border-right:none;padding:3px;height:18px;}
.menutab3 a {white-space:nowrap}
.unselect{background-image: url(include/img/menu_blue_unselect.gif);}
.select{background-image: url(include/img/menu_blue_select.gif);}
.back_img{background-repeat:no-repeat;background-position: top right;padding-right:12px;}
/* for Madrid */
.menuitem {padding:6px 18px 10px 13px;margin-bottom:1px;}
.activeM {padding:6px 18px 11px 13px;}
.main_item{margin-right:2px;}
</style>
<!--[if IE]>
<style>
.menutab2 {height:26px;}
.menutab3 {height:25px;}
</style>
It is not from the styles file or the styles in the lheader file. I can not seem to find it and I need to change the .menuitem and .activem padding so that it quits making the menu a mess for me.
Kim
