Minimal menu after upgrade

[Masweb]

The buttons of my menu has two images.
The has 5 pixels on the left of the button and the has the rest on the right side.

If I upgrade my website from 1.6.6 to 1.8.2 the active state of the button is changed.
The hasn't an active state anymore.

This is the 1.6.6 version: http://www.de-klerk.nl
And this is the 1.8.2 version http://www.klerk.maaswebsites.nl

This is the section of my css witch contains the buttons

Code: Select all

#buttons ul {
	height: 35px;
	list-style: none;
	overflow: hidden;
	display: inline;
	float:left;
}

#buttons ul li {
	background:url(../images/button_gray_left.gif) top left no-repeat;
	float: left;
	display: inline;
	overflow: hidden;
	margin-left: 2px;
}

#buttons ul li a {
	width:auto;
	float:left;
	display: inline;
	overflow: hidden;
	text-decoration:none;
	background-image: url(../images/button_gray_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 8px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #336633;
}

#buttons li:hover {
	background:url(../images/button_down_left.gif) top left no-repeat;
	float: left;
	display: inline;
	margin-left: 2px;
}

#buttons ul li a:hover {
	width:auto;
	float:left;
	display: inline;
	overflow: hidden;
	text-decoration:none;
	background:url(../images/button_down_right.gif) top right no-repeat;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 8px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #336633;
}

#buttons ul li.currentpage {
	background:url(../images/button_down_left.gif) top left no-repeat;
	float: left;
	display: inline;
	margin-left: 2px;
}

#buttons ul li a.currentpage {
	width:auto;
	float:left;
	display: inline;
	overflow: hidden;
	text-decoration:none;
	background:url(../images/button_down_right.gif) top right no-repeat;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 8px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #336633;
}

[RonnyK]

If you are using a default menumanager template, then they could have been changed.

One option is to 'import' the one used on the 1.6-site to the DB, by clicking the import-icon on the right side of the template.

Then on the new version, create a new menutemplate and paste the 1.6-logic in there.

Ronny