jquery - Unable to make div arrow pointing to menu at the top right -

i want mark div content arrow pointing specific menu's button. have menu on top right, want point div content arrows . created fiddle. how can show arrow on top right?

or if have other idea make better , please share me.

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; } 

something this? 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; }