Невозможно сделать стрелку div, указывающую на меню в верхнем правом углу

Question

Я хочу отметить мой контент div стрелкой, указывающей на кнопку определенного меню. У меня есть меню в правом верхнем углу, я хочу указать его содержимое div со стрелками. Я создал Fiddle. Как я могу показать свою стрелку в правом верхнем углу?

Если у вас есть какая-либо другая идея, чтобы сделать это лучше, пожалуйста, поделитесь со мной.

HTML

<p></p> 
<span id="pointer"></div> 

CSS

body { 
    background:#ff004e; 
    padding:40px 
} 
p { 
    background:white; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    width:250px; 
    height:150px 
} 
span#pointer { 
    border:solid 10px transparent; 
    border-right-color:#fff; 
    position:absolute; 
    margin:0px 0 0 -20px; 
} 

Answer 1

Что-то вроде этого? http://jsfiddle.net/Zaukt/1165/

HTML:

<div class="container"> 

    <div id="pointer"></div> 
</div> 

CSS:

body {background:#ff004e;padding:40px} 

.container { 
    background:white; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    width:250px; 
    height:150px; 
    display: block; 
    position: relative; 
} 

#pointer{ 
    border-bottom:solid 10px #FFF; 
    border-left: solid 5px transparent; 
    border-right: solid 5px transparent; 
    position:absolute; 
    width: 0; 
    height: 0; 
    top: -10px; 
    right: 20px; 
} 

Answer 2

Является this то, что вы ищете?

HTML

<p></p> 
<span id="pointer"></span> 

CSS

body { 
    background:#ff004e; 
    padding:40px 
} 
p { 
    background:white; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    width:250px; 
    height:150px 
} 
span#pointer { 
    border:solid 10px transparent; 
    border-right-color:#fff; 
    position:absolute; 
    left: 285px; 
    top: 40px; 
} 

Answer 3

добавить в один DIV, как так

<div class="parent"> 
<p></p> 
<span id="pointer"></div> 

</div> 

Определить эту CSS

.parent{display:inline-block;vertical-align:top;position:relative;} 
span#pointer{border:solid 10px transparent;border-right-color:#fff;position:absolute;margin:0;left:-20px;top:17px;} 

Left-Demo

Right-Demo