CSS 속성이 tinymce와 충돌합니다

Question

나는 tinymce를 사용하여 서식있는 텍스트 영역을 입력하고 CSS 스타일의 드롭 다운 메뉴 (CSS, 자바 스크립트 없음)를 사용합니다. 문제는 드롭 다운 메뉴가 tinymce와 충돌한다는 것입니다. 내가

#menu, #menu ul{ 
margin:0 90px; 
padding:0 10px; 
list-style-type:none; 
list-style-position:outside; 
position:relative; 
line-height:1.5em; 
} 

#menu a{ 
display:block; 
padding: 5px 15px 5px 15px; 
border-top: 1px solid #ffffff; 
color:#fff; 
text-decoration:none; 
background: #1D2D4F; 
margin-left: 1px; 
white-space: nowrap; 
} 

#menu a:hover{ 
background-color:#475A7F; 
} 

#menu li{ 
float:left; 
position:relative; 
width: 150px; 
} 

#menu ul { 
position:absolute; 
display:none; 
width:11.3em; 
margin: 0 -10px; 
} 

#menu li ul a{ 
width:11.3em; 
height:auto; 
float:left; 
} 

#menu ul ul{ 
top:auto; 
} 

#menu li ul ul { 
left:12em; 
margin:0px 0 0 10px; 
} 

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{ 
display:none; 
} 
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{ 
display:block; 
} 
.clear{ 
    clear:both; !important 
    height:0; 
    font-size: 1px; 
    line-height: 0px; 
} 

은 내가 어떻게이 문제를 해결합니까 내 CSS를 다운 메뉴 내 강하하는 문제 여기

의 스냅 샷을 제공하고있다?

Answer 1

드롭 다운 메뉴에 z-index:100;을 추가 했습니까?
숫자 100은 테스트 용이므로 나중에 다른 번호로 변경할 수 있습니다.