[solved]change size of current site in menu_horiz?

[piphansdk]

Hello.

I am trying to style my own horisontal menu, and i have some problems acording to the size.
i am trying to make the menu about 30px, and when changing the entire line, to 30px, i need to minimize the box witch show current site, (nav.png) to about 20-25 px

also i have styled my own (nav.png) called: (../theme/menitem.png)
but when showing the site, i only see a solid color?

Code: Select all

/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
	height: 1%;
/* end hide */
}
div#menu_horiz {
	background-color: #599100;
	width: 100%;
	height: 40px;
	margin: 0;
	margin-left: 0px;
}
div#menu_horiz ul {
	list-style-type: none;
	margin: 0;
	padding-left: 2px;
}
div#menu_horiz li {
	float: left;
	list-style: none;
	margin: 0px;
}
div#menu_horiz a,
div#menu_horiz h3 span,
div#menu_horiz .sectionheader span {
	padding: 12px 15px 15px 0px;
	margin: 0;
	text-decoration: none;
	color: #FFF;
	display: block;
}
div#menu_horiz li a:hover {
	background:  url([[root_url]]/uploads/theme/menitem.png);
	height: -20px;
}
div#menu_horiz a span {
	padding-left: 15px;
}
div#menu_horiz li.parent a span {
	padding-left: 10px;
	background: url([[root_url]]/uploads/ngrey/active.gif) no-repeat 0.3em center;
}
div#menu_horiz li.parent a:hover span {
	padding-left: 20px;
	background: url([[root_url]]/uploads/ngrey/parent.gif) no-repeat 0.3em center;
}
div#menu_horiz li.menuactive a span {
	padding-left: 20px;
	background: url([[root_url]]/uploads/ngrey/parent.gif) no-repeat 0.5em center;
	color: #000;
}
div#menu_horiz li.currentpage h3 span {
	padding-left: 12px;
	background: url([[root_url]]/uploads/theme/menitem.png) no-repeat left 0px;
	color: #000;
}
div#menu_horiz .sectionheader span {
	padding-left: 5px;
}
div#menu_horiz li.menuactive,
div#menu_horiz li.menuactive a:hover {
	background:  url([[root_url]]/uploads/theme/menitem.png) no-repeat left 0px;
	color: #000;
}

[Dr.CSS]

It really helps if we have a link to the site so we can see what is happening...

BTW: why do you have height: -20px on div#menu_horiz li a:hover?...

[piphansdk]

sorry i can't unlock the page, due to the clients previlliges.
that's why i uploaded the pictures

[piphansdk]

just changed some padding- and margins, and sat a 20px height