userpic & hiding contextual menu

[debiru]

i'm using a stylesheet from refutare for my community cancer. it's a free account. i can't seem to get userpics to the left of the entries to display properly. is there any way to disable the contextual pop-up? i think that's what's causing this problem. there's a rectangle behind the icon that i can't get rid of. when i inspected it, it said that it was under the .userpicfriends class.

basically the contextual pop-up is blocking the userpics from displaying in the right place.

here is the code:

/*S2 FLEXIBLE SQUARES - REFUTARE*/

body{ background: #f5f5f5; font-family:georgia; font-size:9.5pt; color:#a0a0a0; line-height:150%; margin:80px;}

.entry_text img{max-width:450px;}

a, a:link, a:visited, a:active, b, i{ color: #555; font-weight: 100; text-decoration: none;}

a:hover{ color: #BBB; }

code, kbd, pre, tt{ font-family: courier new; }

#content{ margin: auto; width:500px;}

#maincontent{ text-align: justify;}

.subcontent{ background:#fff; padding:0 10px 10px 10px; margin-top:-5px;}

.userpic, .userpicfriends, .userpicfriends img, .userpic img{ position: relative; float: left; text-align:center; margin: 0px -100px 0px -90px ; background:#f5f5f5!important; border:20px solid #000;}

.userpicfriends font{ color:#808080!important; display:none;}

.userpic font a{display:none;}

.date{ line-height: 200%; margin-top: 10px; color: #cacaca; text-transform:lowercase; font-style:italic; }

.subject{ text-align: left; padding: 15px; color: #666; margin: 5px 15px 0 5px;}

.datesubject{ padding: 5px; }

.entry{ margin-top:-10px; padding:10px; margin-bottom:10px;}

.entry ul li, .entry ol li{ padding-left: 5px; margin-left: 15px; }

.comments, .subject, .title, #footer{ letter-spacing:1px; text-transform:uppercase; font-weight:bold;}

.comments{ color:#fff; text-align: right; position: relative; margin-top:-20px;}

.comments a{ margin-left:-5px; }

ul.navfooter{ padding: 0; margin: 0; display: inline; }

ul.navfooter li{ margin: 0 5px 0 5px; display: inline; }

.clearfoot{ clear: both; }

.clear{ height: 15px; }

span.ljuser, span.ljuser a b{ padding: 0; width: 0; height: 0; margin: 0; font-weight:100; }

span.ljuser img{ visibility: hidden; padding: 0; width: 0; height: 0; }

.ljtaglist{ padding:15px; list-style:none; background:#fff; }

.yeartable{ background:#fff; padding:0; margin-top:15px; }

.yearday{ border-left:1px #ececec solid; padding:5px; }

.yearmonth{ padding:5px; }

.yeardate{ border-left:1px #ececec solid; border-top:1px #ececec solid; padding:5px; }

ul.year, ul.year li{ list-style:none; padding:10px; display:inline; }

img[src="http://l-stat.livejournal.com/img/icon_protected.gif"], img[src="http://l-stat.livejournal.com/img/icon_private.gif"]{ width: 0; height: 0; padding: 0 0 10px 8px; background: url(http://i25.tinypic.com/2i11ptz.gif); }

h2, .subtitle, .ljtags, .defaultuserpic, li.sbartitle, #sidebar_calendar, .currents strong, .currentmood img, .date, .navheader, .sbarbody2,.currents{ display:none;}

#sidebar, #footer{ background: #000; padding:60px 30px 30px 30px; width:440px; margin-top:-65px; margin-bottom:15px;}

ul.sbarlist{ list-style: none; width:100%; margin-left:-45px; }

li.sbaritem{ list-style: none; padding:2px 2px 2px 5px; display:inline; text-transform: lowercase;}

.title{ margin-left:30px; }

#footer{ margin:-20px 0 0 0; padding:40px 30px 40px 30px;}

any and all help is appreciated.

EDIT: SOLVED!

i replaced my old userpic codes with these:

.userpic {
float: right;
margin-left: -130px;
}

.userpic img {
border: 10px solid #FFFFFF;
}

.userpicfriends {
float: right;
margin-left: -130px;
background: #FFFFFF!important;
display:block;
text-align:center;
padding: 0px 0px 5px 0px;
}

.userpicfriends img {
border: 10px solid #FFFFFF;
}

.userpicfriends a {
font-family:"Courier New", Courier, monospace;
font-size: 8pt;
text-transform:uppercase;
text-decoration: none;
}