I Need a little more help...

The menu shows a litte blank space under the mouseover image. How do i fix this ? I tried to change the margin-top and padding-top parameters in the mouseover css, but then the entire site moves to the right.

broadcomm.co.zm/arcticimport.dk/ny/

Complete CSS:

.ux-menu-container
{
width:980px;
margin-left:0px;
height:46px;
padding-top:15px;
background: transparent url('www.broadcomm.co.zm/arcticimport.dk/ny/menuknap.jpg') repeat-x ; !important
background-position:left bottom;
z-index:90;
}

.ux-menu-link-level-0
{

background: none transparent !important;
border:none !important;
}

UL.ux-menu-sub A
{
background: transparent
url('broadcomm.co.zm/arcticimport.dk/ny/images/cdr-grey-transp.png') repeat !important;
border:none;
}


#topmenu .ux-menu LI A.ux-menu-link-hover
{
background-image: url(broadcomm.co.zm/arcticimport.dk/ny/images/stories/arctic-diverse/menuhover.jpg) !important;

margin-top:-9px;
padding-top:19px;
}

#topmenu UL.ux-menu-sub LI A:hover
{
background: none #8b8c8f !important;
color:#ffffff;
z-index:900;

}

#topmenu .ux-menu>LI>A:hover
{
background-image: url(broadcomm.co.zm/arcticimport.dk/ny/images/stories/arctic-diverse/menuhover.jpg) !important;
background-position:top;
z-index:900;
margin-top:-9px;
padding-top:19px;
}

DIV.ux-menu-container
{

padding-top: 9px;
}

DIV.ux-menu-container A.ux-menu-link-level-0>.ux-menu-arrow
{

top: 7px;
}

UL.ux-menu SPAN.ux-menu-arrow
{
display: none;
}

Hello,

This is a problem with site template styles and custom CSS styles for the menu. You can use FireBug addon for FireFox browser to investigate the problem.

Regards,
ARI Soft

Okay, figured it out my self. Without the 'Firebug for firefox'

The solution was in .ux-menu-link-level-0
I have just inserted a height:18px;

So the complete css is like this..:

.ux-menu-container
{
width:980px;
margin-left:0px;
height:46px;
padding-top:15px;
background: transparent url('www.broadcomm.co.zm/arcticimport.dk/ny/menuknap.jpg') repeat-x ; !important
background-position:left bottom;
z-index:90;
}

.ux-menu-link-level-0
{

background: none transparent !important;
border:none !important;
height:18px;
}

UL.ux-menu-sub A
{
background: transparent
url('broadcomm.co.zm/arcticimport.dk/ny/images/cdr-grey-transp.png') repeat !important;
border:none;
}


#topmenu .ux-menu LI A.ux-menu-link-hover
{
background-image: url(broadcomm.co.zm/arcticimport.dk/ny/images/stories/arctic-diverse/menuhover.jpg) !important;

margin-top:-9px;
padding-top:19px;
}

#topmenu UL.ux-menu-sub LI A:hover
{
background: none #8b8c8f !important;
color:#ffffff;
z-index:900;

}

#topmenu .ux-menu>LI>A:hover
{
background-image: url(broadcomm.co.zm/arcticimport.dk/ny/images/stories/arctic-diverse/menuhover.jpg) !important;
background-position:top;
z-index:900;
margin-top:-9px;
padding-top:19px;
}

DIV.ux-menu-container
{

padding-top: 9px;
}

DIV.ux-menu-container A.ux-menu-link-level-0>.ux-menu-arrow
{

top: 7px;
}

UL.ux-menu SPAN.ux-menu-arrow
{
display: none;
}





Thanks