Problem styling menu

[MBEN]

I have a RadMenu on my page that I am having problem styling.
The attached snapshot shows how it looks currently. The Quick Links is a menu, The child item keeps wrapping and looks wierd.

I have custom css and I am not using any Telerik base styling. When the width is 100px, the rSlide div is set to 0px width (the container that creates the sliding animation). when the slider is set to 100%, the rSlide is like 14px wide, which is way smaller then the full size of the RadMenu and we are unable to figure this out.

.upper_nav .RadMenu li {
  border: none;
  padding: 0;
  position: relative;
}
.upper_nav .RadMenu .rmHorizontal,
.upper_nav .RadMenu .rmVertical {
  padding: 0;
}
.upper_nav .RadMenu .rmRootLink {
  font-size: 12px;
}
.upper_nav .RadMenu .rmRootLink:link,
.upper_nav .RadMenu .rmRootLink:visited {
  color: #536ba2;
}
.upper_nav .RadMenu .rmRootLink:hover,
.upper_nav .RadMenu .rmRootLink:active,
.upper_nav .RadMenu .rmRootLink:focus {
  color: #3c3d5e;
  background: none;
  border: none;
}
.upper_nav .RadMenu .rmSlide {
  position: absolute;
  display: none;
}
.upper_nav .RadMenu .rmVertical .rmItem {
  display: block;
}
.upper_nav .RadMenu .rmVertical .rmItem span {
  width: 100% !important;
}

[Magdalena]

Hi MBEN,

We have applied the CSS code that you had provided to a sample project, but the RadMenu looks in different way as in the screenshot. Here is a video as a part of the testing for your reference.

Could you please provide us with all CSS that you are applying or open a support ticket to be able to send us a runnable project where the issue is reproduced?

Regards,
Magdalena
Telerik