Zoomicon, can you please attach screenshot?

Our site's theme (see screenshot) currently uses the following CSS, was made based on the demo site
</br>
</br>
</br>
</br>(seems the issue is at "navigation" CSS class with the hardcoded "top" there)
</br>
</br>
</br> [btw a IE10RC/Win7 bug that made my CSS snippet below unreadable seems to be that when you upload attachments to a post it adds one blank row after every row in the post text]
</br>
</br>
</br>
</br>
</br> .navigation ul ul
</br>
</br>
</br>
</br> {
</br>
</br>
</br>
</br> position: absolute;
</br>
</br>
</br>
</br> z-index: 5000;
</br>
</br>
</br>
</br> top: 150px;
</br>
</br>
</br>
</br> float: left;
</br>
</br>
</br>
</br> clear: both;
</br>
</br>
</br>
</br> }
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br> and colors / paddings: .navigation .level0 li
</br>
</br>
</br>
</br> {
</br>
</br>
</br>
</br> display: block;
</br>
</br>
</br>
</br> float: left;
</br>
</br>
</br>
</br> clear:both;
</br>
</br>
</br>
</br> margin: 0px 0px 0px -10px !important;
</br>
</br>
</br>
</br> overflow: hidden;
</br>
</br>
</br>
</br> border-right: solid 1px Transparent;
</br>
</br>
</br>
</br> border-top: solid 1px Transparent;
</br>
</br>
</br>
</br> }
</br>
</br>
</br>
</br> .navigation .level0 li a
</br>
</br>
</br>
</br> {
</br>
</br>
</br>
</br> background: #27140e !important;
</br>
</br>
</br>
</br> text-decoration:none;
</br>
</br>
</br>
</br> color: #fff;
</br>
</br>
</br>
</br> display:block;
</br>
</br>
</br>
</br> padding: 0px !important;
</br>
</br>
</br>
</br> margin: 0px 6px 0px 0px !important;
</br>
</br>
</br>
</br> text-align: left;
</br>
</br>
</br>
</br> font-family: Verdana, Arial, Helvetica, sans-serif;
</br>
</br>
</br>
</br> font-size: 11px;
</br>
</br>
</br>
</br> height: auto !important;
</br>
</br>
</br>
</br> }
</br>
</br>
</br>
</br> .navigation .level0 li a.selected,
</br>
</br>
</br>
</br> .navigation .level0 li a:hover
</br>
</br>
</br>
</br> {
</br>
</br>
</br>
</br> background: #b0b535 !important;
</br>
</br>
</br>
</br> padding: 0px !important;
</br>
</br>
</br>
</br> margin: 0px 6px 0px 0px !important;
</br>
</br>
</br>
</br> } .navigation .level0 li a span
</br>
</br>
</br>
</br> {
</br>
</br>
</br>
</br> background: #27140e no-repeat top right !important;
</br>
</br>
</br>
</br> margin: 0 -10px 0 10px !important;
</br>
</br>
</br>
</br> padding: 4px 0px 0px 0px !important;
</br>
</br>
</br>
</br> height: 18px !important;
</br>
</br>
</br>
</br> width:140px;
</br>
</br>
</br>
</br> color: #fff;
</br>
</br>
</br>
</br> }
</br>
</br>
</br>
</br> .navigation .level0 li a.selected span,
</br>
</br>
</br>
</br> .navigation .level0 li a:hover span
</br>
</br>
</br>
</br> {
</br>
</br>
</br>
</br> background: #b0b535 no-repeat top right !important;
</br>
</br>
</br>
</br> margin: 0 -10px 0 10px !important;
</br>
</br>
</br>
</br> padding: 4px 0px 0px 0px !important;
</br>
</br>
</br>
</br> height: 18px !important;
</br>
</br>
</br>
</br> width:140px;
</br>
</br>
</br>
</br> }

Zoomicon,
I think you have a CSS issue here. You should position your .navigation ul ul to some other then current parent element, perhaps .navigation. Try that by assigning position: relative; rule to .navigation or some other parent container.

I hope this will help,
regards.

FIXED! Thank you very much for your help.

You are welcome.