Menu déroulant et affichage d'article sous Wordpress

Bonjour,

J'ai commencé à faire un site sous Wordpress, j'ai fait le template avec le logiciel Artisteer, puis j'ai modifié le menu horizontal (en codant manuellement).
Le problème est que lorsque je passe la souris sur un onglet et que celui-ci s'ouvre (le menu se déroule), les sous-onglets ne sont pas tous accessibles -> tous ceux qui s'affichent au dessus de la div "art-content-layout" (là ou se trouve le contenu de chaque article) disparaissent dès que je passe la souris dessus.
C'est comme si la div "art-content-layout" était au "premier plan" par rapport au menu déroulant.
Quelqu'un a-t-il déjà rencontré ce problème ?

Merci beaucoup

Voici mes codes CSS du menu et de la div en question

/* begin Menu */



.art-hmenu {
    text-align: center;
    height: 45px;
    background : url('images/bg_menu.jpg');
    border-radius : 15px;
	margin-bottom:100px;
	
}
.art-hmenu, .art-hmenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.art-hmenu li {
    display: inline-block;
    position: relative;
	padding-left : 25px;
	padding-right : 25px;
}

.art-hmenu li li {
    display: inherit;
    background-color: #AFC934;
	line-height : 25px;
	width : 200px;
}

.art-hmenu li li  a{
    font-size :14px;
}


.art-hmenu ul, .art-hmenu li:hover ul ul {
    position: absolute;
    left: -999em;
    text-align: left;
}
.art-hmenu li:hover ul {
    left: 0px;
}
.art-hmenu li li:hover ul {
    top: 0;
    left: 200px;
}
.art-hmenu li:hover {
    background: white;
	border-radius : 5px;
	
}
.art-hmenu a {
    display: block;
    text-decoration: none;
    color: white;
    font-size : 16px;
    line-height: 45px;
    font-weight : bold;
    font-family : trebuchet ms, calibri, arial, times;
}
.art-hmenu ul a {
    line-height: inherit;
    height: auto;
    padding: 5px 3px;
    color: #8B147E;
}
.art-hmenu li:hover a {
    color: #8B147E ;
}
.art-hmenu li:hover li a, .art-hmenu li:hover li li a  {
    color: #fff;
}
.art-hmenu li li:hover a, .art-hmenu li li li:hover a {
    color: #8B147E;
}

/* end Menu */



/* begin Layout */
.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width:100%;
  margin-top:100px;
  margin-bottom:100px;
 
}
.art-layout-cell, .art-content-layout-row
{
  background-color: transparent;
  vertical-align: top;
  text-align: left;
  border: none;
  margin:0;
  padding:0;
}


.art-content-layout .art-content-layout{margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */


.art-post-body
{
  position: relative;
  padding-top : 18px;
  border : 1px solid black;
  border-radius : 10px;
  -webkit-box-shadow: 3px 3px 5px #CCCCCC;
  -moz-box-shadow:    3px 3px 5px #CCCCCC;
  box-shadow:         3px 3px 5px #CCCCCC;

}
/* end Layout */