dro[pdown menu's

We have a problen withe the dropdownboxes in the topmenu. The last ones work fine the first three drop down fine but the content is very difficult to select especcialy in inter explorer.

www.secretarychallengeday.com/

try this, put this css at bottom of template_css.css:

#nav.menu ul{
margin-top:-8px;
display: block;
}

It doesn't work I try to put the css.css attached but it d

/*

---

# "Hot Events" Joomla template - August, 2011
# Copyright (C) 2011 ArhiNet d.o.o. All Rights Reserved.
# License: www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: HotJoomlaTemplates.com
# Website: www.hotjoomlatemplates.com

---

*/

/* basics */
a:link,a:visited,a:hover {
text-decoration:none;
}

a:hover {
color:#000 !important;
border-bottom:none !important;
}

.readmore a:link,.readmore a:visited {
display:block;
float:right;
text-align:center;
font-size:11px;
padding:0 5px;
font-weight:bold;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border-bottom:none;
}

.buttonheading a {
border-bottom:none !important;
}

img {
border:0;
}

fieldset {
border:0;
}

hr {
border-bottom:none;
border-left:none;
border-right:none;
}

/* heading icons */

ul.actions {
margin:0 !important;
padding:0 !important;
}

ul.actions li {
margin:0 !important;
padding:0 !important;
list-style:none;
float:right;
position:relative;
top:-27px;
width:25px;
}

.actions a {
border-bottom:none !important;
}

/* acticle details */

dl.article-info,
dl.article-info dd {
padding:0;
margin:0;
}

dl.article-info dt.article-info-term {
display:none;
}

/* category name */

dl.article-info dd.category-name,
dl.article-info dd.category-name a:link,
dl.article-info dd.category-name a:visited,
dl.article-info dd.category-name a:hover {
font-size:10px;
}

/* created date */

dl.article-info dd.create {
font-size:10px;
}

/* modified date */

dl.article-info dd.modified {
font-size:10px;
}

/* published date */

dl.article-info dd.published {
font-size:10px;
margin: 0 0 0 10px;
float:left;
}

/* author name */

dl.article-info dd.createdby {
font-size:10px;
float:left;
padding: 0 10px 0 0;
border-right:1px dotted #222;
}

/* hits */

dl.article-info dd.hits {
font-size:10px;
}

/* page navigation */

.pagination li {
list-style:none;
float:left;
padding-right:20px;
}

/* multi-column layout */

.row-separator {
clear:both;
display:block;
}

.cols-2 div.item {
width:48%;
float:left;
margin:0 2% 0 0;
}

.cols-3 div.item {
width:27%;
float:left;
margin:0 3% 0 3%;
}

.cols-4 div.item {
width:23%;
float:left;
margin:0 2% 0 0;
}

/* category list layout */

.category {
width:100%;
}

.category th {
color:#eee;
font-weight:700;
padding:5px;
text-align:left;
border-bottom:1px dotted #444;
}

.cat-list-row0 td {
padding:5px;
text-align:left;
}

.cat-list-row1 td {
padding:5px;
text-align:left;
}

.category .list-title {
width:50%;
}

.category .list-date {
width:20%;
}

.category .list-author {
width:20%;
}

.category .list-hits {
width:10%;
}

.category td.hits {
text-align:center;
}

/* contacts category layout */

.category .item-title {
width:20%;
}

.category td.item-title a:link,
.category td.item-title a:visited,
.category td.item-title a:hover {
text-decoration:underline;
}

.category .item-position {
width:20%;
}

.category .item-phone {
width:20%;
}

.category .item-suburb {
width:20%;
}

.category .item-state {
width:20%;
}

/* contact form */

#contact-form dl dd {
padding-bottom:10px;
}

#contact-form dl dt {
width:100px;
float:left;
padding-bottom:10px;
}

div.pane-slider {
background:none;
}

.jicons-icons img {
float:left;
}

.jicons-icons img {
float:left;
margin-right:10px;
}

address span.contact-street {
padding:0 8px 0 0;
display:block;
}

address span.contact-suburb,
address span.contact-state,
address span.contact-postcode,
address span.contact-country {
padding:0 8px 0 25px;
display:block;
}

.contact-email label {
display:block;
float:left;
width:100px;
}

.contact-email .inputbox {
margin-bottom:10px;
}

.contact-email .button {
margin-top:30px;
}

/* pane toggler */

.pane-toggler-down, .pane-toggler {
background:#ccc;
padding:5px 20px;
}

.pane-sliders .content {
padding:0 20px;
}

/* headings */

h1 {
font-family: 'PT Sans Narrow', sans-serif;
font-size:40px;
font-weight:normal;
margin:0 0 15px;
padding:0;
line-height:40px;
}

h2 {
font-family: 'PT Sans Narrow', sans-serif;
font-size:32px;
font-weight:normal;
padding:3px 0;
margin:0;
text-decoration:none;
line-height:32px;
text-transform:uppercase;
}

.inputbox {
border:1px solid #cacaca;
padding:4px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

textarea.inputbox {
background:#ccc;
}

.search .inputbox {
color:#fff;
padding:6px;
background:url(../images/content_bg2.png);
border:none;
}

.button {
color:#fff;
border:none;
padding:0 10px;
font-size:13px;
line-height:20px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

table.searchinto {
width:100%;
}

form {
margin:0;
padding:0;
}

/* lists */

ol {
margin-left:35px;
padding-left:7px;
}

ol li {
padding-left:0;
padding-top:0;
padding-bottom:5px;
}

li ol {
padding-top:5px;
}

ul.checklist {
padding:0 !important;
margin:0 0 0 15px;
}

ul.checklist li {
background:url(../images/icon_checklist.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}

ul.arrow {
padding:0 !important;
margin:15px 0 0 15px;
}

ul.arrow li {
background:url(../images/icon_arrow.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}

ul.star {
padding:0 !important;
margin:0 0 0 15px;
}

ul.star li {
background:url(../images/icon_star.png) no-repeat;
padding:0 0 0 22px !important;
margin:0 0 5px 0 !important;
list-style:none;
}

/* menu */

ul.menu {
margin:0;
padding:0;
}

ul.menu li {
margin:0;
list-style:none;
padding:0;
}

ul.menu li a:link, ul.menu li a:visited {
text-decoration:none;
font-weight:normal;
line-height:30px;
}

ul.menu li ul {
margin:0;
padding:0;
display:block;
}

ul.menu li ul li, ul.menu li ul li {
margin:0;
padding:0 15px;
background:none;
}

li.active a:link,li.active a:visited,li.active a:link,li.active a:visited {
}

ul.menu li ul li#current a:link,ul.menu li ul li#current a:visited,ul.menu li ul li#current a:link,ul.menu li ul li#current a:visited {
background:none;
padding:5px;
text-transform:uppercase;
font-weight:normal;
}

ul.menu li ul li a:link, ul.menu li ul li a:visited, ul.menu li#current ul li a:link, ul.menu li#current ul li a:visited {
color:#ccc;
background:none;
padding:7px;
text-transform:uppercase;
font-weight:normal;
}

.footer ul.menu {
margin:0;
padding:0;
}

.footer ul.menu li {
list-style:none;
float:left;
}

.footer ul.menu li a:link,.footer ul.menu li a:visited {
color:#fff;
text-decoration:none;
display:block;
padding:0 15px 7px 0;
font-weight:normal;
}

.footer ul.menu li a:hover {
color:#fff;
text-decoration:underline;
}

.footer2 a:link,.footer2 a:visited {
color:#fff;
}

.footer3 ul,
.topPanelModules ul {
padding:0;
margin:0;
float:none;
list-style:none;
}

.footer3 ul.menu li, .topPanelModules ul.menu li {
list-style:none;
padding:0 0 0 22px;
margin:0;
border:none;
}

.footer3 ul.menu li:hover, .topPanelModules ul.menu li:hover {
}

.footer3 ul.menu a:link, .footer3 ul.menu a:visited {
font-size:11px;
padding:0;
}

.footer3 ul.menu a:hover {
color:#ff6816;
}

.footer4 ul {
padding:0;
margin:15px 0 0 0;
float:none;
list-style:none;
}

.footer4 ul.menu li {
float:left;
list-style:none;
padding:0 20px 0 0;
margin:0;
border:none;
}

.footer4 ul.menu li a:link, .footer4 ul.menu li a:visited {
text-decoration:underline;
}

#column_left ul.menu li, #column_right ul.menu li {
background:none;
}

/* top menu */

#nav, #nav ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
z-index:10000;
}

#nav ul {
display:none;
}

#nav a {
display:block;
padding:13px 20px 0 20px;
text-decoration:none;
font-size:18px;
text-transform:uppercase;
font-family: 'PT Sans Narrow', sans-serif;
border-bottom:none;
}

#nav > li {
border:none;
}

#nav li:hover > ul {
background:url(../images/topmenu_bg.png) no-repeat;
border-bottom:1px solid #7f7f7f;
}

#nav li:hover > ul ul {
background:url(../images/topmenu_bg2.png) no-repeat;
border-bottom:1px solid #7f7f7f;
padding:20px 0px 15px 30px;
width:216px;
margin-left:-15px;
}

#nav > li.active a:hover {
padding:13px 20px 0 20px;
}

#nav li:hover ul a {
background:none;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
}

#nav li:hover ul li a:hover {
border:none;
position:relative;
padding:5px;
}

#nav li#current ul li a, #nav li.active ul li a {
border:none;
position:relative;
font-family:Arial, Helvetica, sans-serif;
}

#nav li {
float:left;
position:relative;
margin:0;
}

#nav li ul li, #nav li ul li ul {
margin:0;
padding:0;
float:none;
cursor:pointer;
}

#nav li ul a {
width:206px;
line-height:normal;
padding:7px;
}

#nav li ul {
padding:30px 15px 15px 15px;
}

#nav li ul ul {
left:216px;
margin:0;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
display:none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
display:block;
}

#nav ul li a {
font-size:14px;
font-weight:normal;
text-transform:none;
}

#nav ul ul{
top:0px;
z-index:10000;
}

#nav li#current span {
text-transform:none;
}

#nav > li#current span {
text-transform:uppercase;
}

#nav img {
margin-right:5px;
}

/* modules */

div.moduletable {
padding:0;
}

.gallery div.moduletable {
padding:0;
}

div.moduletable h3, div.moduletable_featured h3 {
font-size:32px;
margin:0;
padding:15px 0 5px;
font-weight:normal;
line-height:30px;
font-family: 'PT Sans Narrow', sans-serif;
text-transform:uppercase;
}

#column_left div.moduletable h3, #column_right div.moduletable h3 {
padding-left:14px;
}

#column_left div.moduletable > div, #column_right div.moduletable > div, .upper div.moduletable > div {
padding:0 15px;
}

div.moduletable_featured {
padding:6px 15px;
margin-bottom:15px;
}

.footer div.moduletable h3 {
background:none;
padding:15px 0;
}

.moduletable ul, .moduletable_featured ul {
margin:0;
padding:5px 0;
}

.moduletable li {
margin:0 0 0 15px;
padding:3px 0;
}

.moduletable_featured li {
margin:0 0 0 25px;
padding:3px 0;
}

.topPanelModules div.moduletable h3 {
background:none;
padding-left:0;
}

.breadcrumbs {
padding:13px 45px;
display:block;
}

/* typography */

.warning {
padding:15px 15px 15px 60px;
color:#000;
border-top:4px solid #c10000;
border-bottom:4px solid #c10000;
background:#FFDE25 url(../images/warning.png) no-repeat center left;
}

.info {
padding:15px 15px 15px 60px;
color:#006699;
border-top:4px solid #006699;
border-bottom:4px solid #006699;
background:#bde1ff url(../images/info.png) no-repeat center left;
}

.error {
padding:15px 15px 15px 60px;
color:#900;
border-top:4px solid #900;
border-bottom:4px solid #900;
background:#f8b5b5 url(../images/error.png) no-repeat center left;
}

.code {
padding:15px 0;
color:#218023;
font-family:"Courier New", Courier, monospace;
font-size:14px;
}

.quote {
font-style:italic;
}

.home_pic {
float:left;
margin-right:10px;
}

a.register_button {
float:right;
height:60px;
width:190px;
margin:0 30px 0 0;
-moz-border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
text-align:center;
display:block;
line-height:56px;
color:#fff !important;
font-family: 'PT Sans Narrow', sans-serif;
font-size:18px;
text-transform:uppercase;
text-decoration:none;
}

a.register_button:hover {
background:#000;
}

.speaker_name {
font-family: 'PT Sans Narrow', sans-serif;
font-size:28px;
text-transform:uppercase;
line-height:40px;
}

.speaker_pro {
font-style:italic;
}

.sponsor a {
border-bottom:none !important;
}

.sponsor_img {
margin:0 20px 20px 0;
border:1px solid #ccc;
}

.sponsor_img:hover {
opacity:0.8;
}

.last_img {
margin:0 0 22px 0;
}

.event_details {
font-family: 'PT Sans Narrow', sans-serif;
font-size:18px;
padding:15px 35px;
margin:60px 0 0 0;
width:320px;
float:right;
}

.event_details a {
font-size:18px !important;
border-bottom:none !important;
}

/* top panel */

#top-panel {
padding:14px 20px;
display:none;
}

#sub-panel {
text-align:center;
}

#sub-panel a {
width:200px;
display:block;
color:#fff;
text-decoration:none;
margin:0 auto;
font-weight:normal;
background:url(../images/toppanel_bg.png) no-repeat;
font-size:11px;
text-transform:uppercase;
border-bottom:none !important;
}

#sub-panel a:hover {
color:#ccc !important;
}

#sub-panel a span {
padding:4px 0;
display:block;
}

.topPanelModules {
margin:0 auto;
}

/* hot scroller */

.hotscroller {
padding: 8px 30px;
}

.highlights_intro {
background: url(../images/clock.png) no-repeat;
}

#highlights {
position: relative;
font-family: 'PT Sans Narrow', sans-serif;
font-style: italic;
}

.highlights_intro {
height: 32px;
line-height: 32px;
width: 134px;
font-size: 16px;
float: left;
overflow: hidden;
}

.highlights_intro_pad {
padding: 0 0 0 28px;
font-family: 'PT Sans Narrow', sans-serif;
font-style: italic;
}
#nav.menu ul{
margin-top:-8px;
display: block;
}

Rule is not there when i check that file?

I put it at the bottom as you told me. You mean the transfer didn't go well. I try it again

I got it transferred now but I don't see any changes