Entire Menu Bar is Appearing too Low

Hello,

Excellent extension! I have a simple horizontal menu that I created with maxiMenuCK. The menu is appearing lower than it should in its position, on top of the postion below it.

Is there a way to move the entire menu up or down? I am not a programmer, but know how to make adjustments. This one is too difficult for me. File is attached to show you what I mean...

On a deadline -- your earliest reply is appreciated.

Thank you!


Cliff

Hi
this is probably a problem in your template with positioning the menu container. Give me your url
Ced

Hi, Ced,

The template was reworked by some other programmers that my client hired, so I am unfamiliar with what they did.

I think I solved the problem, though. In the default theme, I changed a few things.

Most importantly, I changed the "position:relative" to "position:inherit;" -- this is the last line, below. My only question is whether the "inherit" is supported by IE6 and IE7. Have no idea.

Also, another question from a newbie -- I purchased the Parameters and the Documentation, by the way. Is there a way to make the Level 1 links to be All Caps/UpperCase?

Thank you!

Cliff

/*

---

--- compatibility layer ---
--- for native template ---
--- Beez20 and Beez5 ---

---

*/


#header {
overflow:visible !important;
z-index:1000 !important;
}

#header ul.menu.maximenuck li a:link,
#header ul.menu.maximenuck li a:visited {
display: block !important;
}

#header ul.menu.maximenuck li ul li ul li ul {
border:none !important;
padding-top:0px !important;
padding-bottom:0px !important;
background:transparent !important;
}

#header ul.menu.maximenuck li ul li ul {
border:0 !important;
background:transparent !important;
padding-bottom:0;
}

#header ul.menu.maximenuck li.maximenuck.active a:link,
#header top ul.menu.maximenuck li.maximenuck.active a:visited {
border-right:none !important;
background:transparent;
}

#header ul.menu.maximenuck {
margin-top:0px !important;
right: 0 !important;
width: 942px !important;
height:42px;
position: inherit;


}

Is there a way to make the Level 1 links to be All Caps/UpperCase?

div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > a span.titreck,
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {text-transform:uppercase;}

How does this enable UPPERCASE?
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > a span.titreck,
div#<?php echo $id; ?> ul.maximenuck li.maximenuck.level1 > span.separator span.titreck {text-transform:uppercase;}

This does enable it (custom.css)
div#maximenuck ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {
display:block;
text-transform: uppercase;
}

I hope it helps someone out down the road.

Niall