XF 1.2 Problem with a popup menu

[Matthew Hawley]

Okay so I have this popup menu in the breadcrumb:

<div class="Popup" style="float:right;">
                    <a rel="Menu"><i class="icon-collapse icon-large"></i></a>
                        <div class="Menu">
                                <ul class="secondaryForumContent" style="width:320px;">
                                    <div class="node_8" style="float:left;margin-bottom:3px;"><h3 class="nodeTitle"><a href="forums/news-announcements.8/" data-description="#nodeDescription-8"><i class="icon-bullhorn" style="padding-right:4px;"></i>News &amp; Announcements</a></h3></div>
                                    <div class="node_9" style="float:left;margin-right:3px;"><h3 class="nodeTitle"><a href="forums/suggestions-support.9/" data-description="#nodeDescription-9"><i class="icon-question-sign" style="padding-right:4px;"></i>Suggestions &amp; Support</a></h3></div>
                                    <div class="node_5" style="float:left;margin-bottom:3px;"><h3 class="nodeTitle"><a href="forums/development-news.5/" data-description="#nodeDescription-5"><i class="icon-code" style="padding-right:4px;"></i>Development News</a></h3></div>
                                    <div class="node_6" style=" float:left;margin-right:3px;"><h3 class="nodeTitle"><a href="forums/the-fire-pit.6/" data-description="#nodeDescription-6"><i class="icon-fire" style="padding-right:4px;"></i>The Fire Pit</a></h3></div>
                                    <div class="node_17" style="float:left;margin-bottom:3px;"><h3 class="nodeTitle"><a href="forums/clans-recruitment.17/" data-description="#nodeDescription-17"><i class="icon-globe" style="padding-right:4px;"></i>Clans &amp; Recruitment</a></h3></div>
                                    <div class="node_10" style="float:left;margin-right:3px;"><h3 class="nodeTitle"><a href="forums/literature.10/" data-description="#nodeDescription-10"><i class="icon-book" style="padding-right:4px;"></i>Literature</a></h3></div>
                                    <div class="node_14" style="float:left;margin-bottom:3px;"><h3 class="nodeTitle"><a href="forums/qubicle-discussion-help.14/" data-description="#nodeDescription-14"><i class="icon-star" style="padding-right:4px;"></i>Qubicle Discussion &amp; Help</a></h3></div>
                                    <div class="node_15" style="float:left;margin-right:3px;"><h3 class="nodeTitle"><a href="forums/modding-discussion-help.15/" data-description="#nodeDescription-15"><i class="icon-wrench" style="padding-right:4px;"></i>Modding Discussion &amp; Help</a></h3></div>
                                    <div class="node_16" style="float:left;margin-bottom:3px;"><h3 class="nodeTitle"><a href="forums/tutorials-guides.16/" data-description="#nodeDescription-16"><i class="icon-pencil" style="padding-right:4px;"></i>Tutorials &amp; Guides</a></h3></div>
                                    <div class="node_18" style="float:left;margin-right:3px;"><h3 class="nodeTitle"><a href="forums/general-discussion.18/" data-description="#nodeDescription-18"><i class="icon-comments" style="padding-right:4px;"></i>General Discussion</a></h3></div>
                                    <div class="node_20" style="float:left;margin-bottom:3px;"><h3 class="nodeTitle"><a href="forums/introductions.20/" data-description="#nodeDescription-20"><i class="icon-user" style="padding-right:4px;"></i>Introductions</a></h3></div>
                                </ul>
                        </div>
                </div></li>

And this is how it shows up:

Why is the background transparent?

 

[Jeremy]

Popup implies a JavaScript action, not styling.

 

[Matthew Hawley]

Popup implies a JavaScript action, not styling.

Nevermind, I didn't have blockLinksList in there. But also, how do I remove the arrowWidget?