xmenu4 adds gaps

[mindweaver]

Heya, I'm trying the xmenu4 for the first time and I'm suffering from something I can't fix. It seems that xmenu4 adds gaps horizontally in IE and vertically in Mozilla Firebird. I have tried to fix it by fiddleing with the css settings but with no lock.

Any idea?

http://mindweaver.bonet.cc/dlfiles/xmenugapexample.png

I have set all border to black for you to see the gaps.

[mindweaver]

Found that by adding "vertical-align: bottom;" to:

li.xmBoxLbl {
color:#fff; background:#898E8E;
border-width: 1px 0px 0px 0px;
border-color: #ffffff;
border-style: solid;
vertical-align: bottom;
}
li.xmBoxLblHvr {
color:#fff; background:#69AD83;
border-width: 1px 0px 0px 0px;
border-color: #ffffff;
border-style: solid;
vertical-align: bottom;
}

Now I only have to fix the gap in Mozilla Firebird! :)

[MikeFoster]

Good work, mindweaver.

I saw your post at the other forum and looked at your screenshot - but haven't had time to dig any deeper - sorry.

The menu layout is almost completely controlled by CSS, so you're on the right track.

BTW...

Welcome to SitePoint Forums!