css help (display: block)

[imar3l]

i need a little help with css.....this is apple style accordion menu for joomla which i
got from here....

http://www.kksou.com/php-gtk2/Joomla/Accordion-Menu-Apple-style.php

my problem is here when i add (display: block) to the css file it became like this...

it adds another like for no reason....





while mouse is over the menu....





this is the code thats related to that section....

.applemenu div.submenu a:hover {
	color: #FFFF99;
	font-family: Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #764500;
	text-decoration: none;
	display: block;	
}

how can i remove the 2nd line...Thanks

[Snookerman]

The information you provided is not enough:

Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

[jscheuer1]

Using display:block; where it didn't previously exist (expressly or by default) adds a line break. You show it being used for hover. If the non-hovered display isn't block, that will add a line break. There is generally no reason to add display:block; on hover. If the element had display:block; before hover, it will carry that though to the hovered state. If it did not, in most cases it doesn't need it and should not have it on hover.