CSS menu question


i using code horizontal menu , want add hover/current page item image different main image (menu.gif). reason image shows height of a: link, is, menu text. how override 43px image starts @ top of .main-menu background?

 

 

/*** menu ***/     .main-menu { clear:both; overflow:hidden; padding:0px 0px 0px 0px; background:url(images/menu.gif);}      .main-menu .corner-left { background:url(images/menu-left.gif) no-repeat 0 0;}     .main-menu .corner-right { background:url(images/menu-right.gif) no-repeat right 0; width:100%;}          .menu { padding:0px 0px 0px 7px; }          .menu ul { list-style:none; width:100%; overflow:hidden; height:100%;}     .menu ul li { float:left; height:100%; background:url(images/ver.gif) no-repeat 0 2px; margin:0px 0px 0px -2px; padding:15px 31px 12px 31px;}          .menu ul li { display:block; float:left; overflow:hidden; text-decoration:none;}     .menu ul li { font-size:1.4em; color:#dceaef;}                          .main-menu a:hover, .current_page_item {     display: block;     height: 43px;     color: #fff;     background-image: url(images/menu_hover.gif);     background-repeat: repeat-x;     background-color: transparent;     margin: 0px; } 

try line-height: 43px instead of height.

 

 

nancy o.



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

How to set the order of FAQs instead of alphabetical

Thread: Get UK Keyboard working

how do I change the e-mail address for my merchant account