백그라운드 메서드를 사용하여 svg 위치 지정 문제.

Question

백그라운드 메서드를 사용하여 svg 파일의 위치를 ​​지정해 보았지만 오른쪽으로 고정시킬 수없는 것처럼 보입니다.

내가 놓친 것이 있습니까? 나는 positionning을 이해하기 위해 열심히 노력한다. 그러나 내가 그것을 얻는다라고 생각할 때마다, 새로운 무엇인가 올라온다. http://jsfiddle.net/NMD5p/

  <ul id="menu"> 
       <li class="icon-svg"> 
       <a href="#"></a> 
       </li> 
      </ul> 

body { 
background:#5a5a5a; 
font-family:"Helvetica Neue",Arial,sans-serif; 
} 

ul { 
list-style:none; 
} 

a { 
text-decoration:none; 
} 

#menu { 
position:relative; 
height: 50px; 
width: 50px; 
right:0; 
z-index:999; 
} 

li.icon-svg a { 
background:url(http://dl.dropbox.com/u/12091580/rwdicon/icon-menu.svg) 0 center no-repeat; 
padding-left:1.9em; 
text-align:center; 
height:2em; 
width:2em; 
content:''; 
} 

Answer 1

메뉴의 요소에 플로트 속성을 사용하십시오 : 여기

는 코드입니다. 여기

#menu { 
position:relative; 
height: 50px; 
width: 50px; 
right:0; 
z-index:999; 
float:right; 
} 

상세 정보 : http://www.aptana.com/reference/html/api/CSS.field.background.html

Answer 2

이 #menu이로 변경

#menu { 
    float:right; 
} 

http://jsfiddle.net/NMD5p/1/