MyBB Community Forums

So I moved the MyAlerts link to the header of my website, but the style looks messed up (because my navigation css for SOME reason goes on the popup box). Also, its going over the end of my website. How can I fix that?
My CSS navigation bar (and includes its own dropdown parts)

.topmenu {
background-color: #222;
border-bottom: 2px solid #444;
margin: auto auto;
width: 100%;
height: 45px;
padding-left: 10px;
padding-right: 10px;
color: #fff;
text-shadow: 0 0 0 #000;
position: fixed;
top: 0;
z-index:999;
}
.topmenu_container {
width: 89%;
margin: auto auto;
min-width: 1000px;
}
.navbar{
margin:auto auto;border-top-left-radius:3px;border-top-right-radius:3px;height:45px;padding-left:10px;padding-right:10px;position:relative;color:#fff;text-shadow:0 0 0 #000
}

nav ul{
text-align:center;padding:0;position: relative;margin:auto auto;
}

nav ul li{
float:left;display:inline;position: relative;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out
}

nav ul li:hover{
background:#444;
}

nav ul li a{
display:block;padding:13px 13px;color:#fff;font-size:14px
}

nav ul li ul{
position:absolute;width:190px;background:#222;z-index:999;
}

nav ul li ul li{
margin:0;padding:0;width:190px;z-index:999;
}

nav ul li ul li a{
display:block;padding:11px 22px;color:#fff;-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out
}

nav ul li ul li:hover a{
background:#444
}

nav ul li ul.fallback{
display:none
}

nav ul li:hover ul.fallback{
display:block
}

HTML

<div class="topmenu">
<div class="topmenu_container">
<nav>
<ul>
    <li><div id="logo">
<a href="http://1shotgg.com" style="text-align: left;font-size:30px;padding:0 18px 3px 18px;text-decoration:none;">1<span style="color:grey">Shot</span><span>GG</span></a>
</div></li>
    <li>
      <a href="{$mybb->settings['bburl']}/streams"><i class="fa fa-desktop fa-fw"></i>&nbsp;Streams ▼</a>
      <ul class="fallback">
        <li><a href="{$mybb->settings['bburl']}/addstream.php"><i class="fa fa-plus fa-fw"></i>&nbsp;Add Stream</a></li>
        <li><a href="{$mybb->settings['bburl']}/streamsettings.php"><i class="fa fa-wrench fa-fw"></i>&nbsp;Change Settings</a></li>
      </ul>
    </li>
    <li>
      <a href="#"><i class="fa fa-users fa-fw"></i>&nbsp;Community ▼</a>
<ul class="fallback">
    <li><a href="{$mybb->settings['bburl']}/donate.php"><i class="fa fa-money fa-fw"></i>&nbsp;Donate</a></li>
    <li><a href="{$mybb->settings['bburl']}/myawards.php"><i class="fa fa-trophy fa-fw"></i>&nbsp;Awards</a></li>
    <li><a href="http://1shotgg.spreadshirt.com/"><i class="fa fa-tags fa-fw"></i>&nbsp;T-Shirts</a></li>
    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-users fa-fw"></i>&nbsp;Members</a></li>
    <li><a href="http://1shotgg.com/Announcement-Global-Guidelines"><i class="fa fa-globe fa-fw"></i>&nbsp;Board Guidelines</a></li>
    <li><a href="ts3server://teamspeak.1shotgg.com?port=9987"><i class="fa fa-microphone fa-fw"></i>&nbsp;Teamspeak</a></li>
</ul>
    </li>
<li>
<a href="#"><i class="fa fa-bullhorn fa-fw"></i>&nbsp;Social ▼</a>
<ul class="fallback">
    <li><a href="http://facebook.com/1shotgg"><i class="fa fa-facebook fa-fw"></i>&nbsp;Facebook</a></li>
    <li><a href="http://twitter.com/1shotgg"><i class="fa fa-twitter fa-fw"></i>&nbsp;Twitter</a></li>
    <li><a href="http://1shotgg.tumblr.com"><i class="fa fa-tumblr fa-fw"></i>&nbsp;Tumblr</a></li>
</ul>
</li>
<li>
<a href="http://1shotgg.com/newpoints.php?action=shop"><i class="fa fa-shopping-cart fa-fw"></i>&nbsp;Shop ▼</a>
<ul class="fallback">
    <li><a href="http://1shotgg.com/newpoints.php?action=shop&shop_action=view&iid=2"><i class="fa fa-gamepad fa-fw"></i>&nbsp;Buy Riot Points</a></li>
    <li><a href="http://1shotgg.com/newpoints.php?action=buynametitle"><i class="fa fa-pencil fa-fw"></i>&nbsp;Username Change</a></li>
</ul>
</li>
    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-book fa-fw"></i>&nbsp;Help</a></li>
    <li><a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-fw"></i>&nbsp;Search</a></li>
  </ul>
</nav>
<nav style="float:right;">
<ul style="display: inline;">
    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->user['avatar']}" class="avatarindex" />&nbsp;{$mybb->user['username']}</a></li>
    <li><myalerts_headericon></li>
  </ul>
</nav>
</div></div>

Bump. I would like to know the solution please. Thanks.

bump. Still looking for solution

Could I get a URL and user account to look at the structure properly please?