Which version of DotNetNuke are you using?
Are you using the standard menu?

Also, if you could attach a copy of your skin file to a reply, that might help.

Hi,

Here I m attaching my home page .ascx file and css file for menu.

Thanks.

Hello,

I have had a look at your files, and I think the main problem is coming from the menu CSS, particularly this section:

.main_dnnmenu_rootitem 
{   
    background-image:url(../images/tab_bg.jpg);
    background-repeat:no-repeat;
    color: #007d3b;
    font-size:15px;
    text-align:left;
    height:47px;
    width:220px;
    padding:15px 0px 0px 51px;
    margin:0px 0px 5px 8px;
}

For troubleshooting I changed it to this:


.main_dnnmenu_rootitem 
{   
    color: #007d3b;
    font-size:15px;
    text-align:left;
padding: 10px;
width: 120px;
border: 1px solid red;
background-color: pink;
}

The spacing issues are caused by the large width that is specified - once you add the border you can see the sub menus are actually aligned correctly, so I reduced the width and then reduced the height and margin settings and you should see this balances out the spacing.

It's a matter of experimenting with the settings, but this should give you a good starting point, I would check out this tutorial:
Troubleshooting DotNetNuke Skins

Thanks,

hoping someone can help: this menu doesn't seem to be working right in firefox. the submenus don't display in ff but everything works fine in ie/chrome. i can't seem to isolate the problem...is it css? any help would be really appreciated: http://jbdtemp-com.web22.winsvr.net...tions.aspx

Hello,

First of all I would recommend you specify a background color for the menu so when a user has images disabled they can still view the text of the menu:

#dnnmenu .menu           
{background: #333 url(images/menuright.gif) top right no-repeat;
 margin-left:9px;
height:32px;
}

Next you will need to look through the code for the CSSMenu and find the line of code that is causing the problem.

The best way to do this is to use the web developers toolbar plug-in for Firefox, which is available for free.

You can view a tutorial on how to use the web developers toolbar to troubleshoot your DotNetNuke skins and it will show you the techniques that I would use to find the problem CSS code for your menu:
Troubleshooting DotNetNuke Skins

Also, I have noticed that a skin.css and Skin.css files are both loaded, the same CSS file is loaded twice, I would suggest you further investigate why this is loading twice. - Sometimes this can be caused by specifying the skin.CSS file in your skin.html or skin.ascx file - DotNetNuke does not need a line of code added for the skin.css file as it automatically looks for a skin.CSS file within your skin folder.