Okay, I know how to do the rest but how to I create the little triangle below:

I had to whip this up in photoshop, and I haven’t been able to find any reliable guides. Any ideas would be appreciated.
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have to agree with all the comments above, a simple Google search will provide a solution. I just did a search and look what I found:
http://forrst.com/posts/Pure_css_tooltip_box_with_arrow_T_R_B_L-7kR
http://forrst.com/posts/Simple_pure_CSS_tooltip_with_arrow-BkY
http://cssdeck.com/item/13/pure-css-tooltip-with-arrow
We all want to help but sometimes it feels like we’re being asked to do everything. As developers we love to solve problems but with something like this I feel you do have to help yourself (sorry if I come across bitchy)