<html>
  <head>
    <meta content="text/html; charset=ISO-8859-1"
      http-equiv="Content-Type">
  </head>
  <body text="#000000" bgcolor="#FFFFFF">
    <div class="moz-cite-prefix">&lt;div class="trigger-div"&gt;&lt;a
      class="trigger active" href="#"&gt;Useful Links&lt;/a&gt;&lt;p
      class="panel-orient"&gt;right&lt;/p&gt;&lt;div class="panel"
      style="top: -40px; padding-right: 228px; padding-left: 30px;
      right: 0px; left: auto; margin-right: 118px; display:
      block;"&gt;&lt;ul&gt;<br>
      &nbsp;&nbsp;&nbsp; &lt;li&gt;<br>
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;h4&gt;<br>
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a a=""
      href=<a class="moz-txt-link-rfc2396E" href="http://polam.org/forms/WIRE_Form.pdf">"http://polam.org/forms/WIRE_Form.pdf"</a>&gt;Outgoing wire
      form&lt;/a&gt;&lt;/h4&gt;<br>
      &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>
      &nbsp;&nbsp;&nbsp; &lt;li&gt;<br>
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;h4&gt;<br>
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a a=""
      href=<a class="moz-txt-link-rfc2396E" href="http://polam.org/forms/IncomingForeign.pdf">"http://polam.org/forms/IncomingForeign.pdf"</a>&gt;Incoming wire
      form&lt;/a&gt;&lt;/h4&gt;<br>
      &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>
      &nbsp;&nbsp;&nbsp; &lt;li&gt;<br>
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;h4&gt;<br>
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a a=""
      href=<a class="moz-txt-link-rfc2396E" href="http://polam.org/rates/Loan_rates.pdf">"http://polam.org/rates/Loan_rates.pdf"</a>&gt;Our
      Rates&lt;/a&gt;&lt;/h4&gt;<br>
      &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>
      &nbsp;&nbsp;&nbsp; &lt;li&gt;<br>
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;h4&gt;<br>
      &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;a a=""
      href=<a class="moz-txt-link-rfc2396E" href="http://polam.org/docs/fees.pdf">"http://polam.org/docs/fees.pdf"</a>&gt;Our
      Fees&lt;/a&gt;&lt;/h4&gt;<br>
      &nbsp;&nbsp;&nbsp; &lt;/li&gt;<br>
      &lt;/ul&gt;<br>
      &lt;/div&gt;&lt;/div&gt;<br>
      <br>
      <br>
      .trigger is just your link. You want .panel to position
      absolutely, relative to it's parent element, which is
      .trigger-div. The .trigger element is just another child of
      .trigger-div, which doesn't send any rules to .trigger-div through
      regular inheritance. <br>
      <br>
      As far as it working for logged in users, I have no way of telling
      without being logged in, but bare basic debugging in your
      browser's tools should give you an idea of what is going on. Most
      likely you have a stylesheet coming in only for logged in users
      that is assigning relative to that division, or something close to
      it, moving up the DOM hierarchy. <br>
      <pre class="moz-signature" cols="72">Jamie Holly
<a class="moz-txt-link-freetext" href="http://hollyit.net">http://hollyit.net</a></pre>
      On 5/25/2014 9:59 PM, Tony wrote:<br>
    </div>
    <blockquote
cite="mid:CADEDVdqCM0zbbd=yuJbpaafWDdc6YEXHZySqADfknefc0ucYxA@mail.gmail.com"
      type="cite">
      <div dir="ltr">
        <div>Bottom part already had relative on trigger. I added top:0
          to panel class&nbsp; No change<br>
        </div>
        But why does it behave differently when one signs in?<br>
        <br>
      </div>
      <div class="gmail_extra"><br>
        <br>
        <div class="gmail_quote">
          On Sun, May 25, 2014 at 12:51 PM, Jamie Holly <span dir="ltr">&lt;<a
              moz-do-not-send="true"
              href="mailto:hovercrafter@earthlink.net" target="_blank">hovercrafter@earthlink.net</a>&gt;</span>
          wrote:<br>
          <blockquote class="gmail_quote" style="margin:0 0 0
            .8ex;border-left:1px #ccc solid;padding-left:1ex">
            <div text="#000000" bgcolor="#FFFFFF">
              <div><tt>Update Chrome and see if the REM issue is fixed.
                  They put a fix in on v34. </tt><br>
                <br>
                <a moz-do-not-send="true"
                  href="https://code.google.com/p/chromium/issues/detail?id=319623"
                  target="_blank">https://code.google.com/p/chromium/issues/detail?id=319623</a><br>
                <br>
                If not, then this is always a good work around:<br>
                <br>
                body &gt; div {<br>
                &nbsp;&nbsp;&nbsp; {set font-size rem here}<br>
                }<br>
                <br>
                For the bottom part, add position:relative to the
                trigger-div. If you want the panel to position at the
                top of that div, then you need to add a top:0 to the
                panel div as well.<span class="HOEnZb"><font
                    color="#888888"><br>
                    <pre cols="72">Jamie Holly
<a moz-do-not-send="true" href="http://hollyit.net" target="_blank">http://hollyit.net</a></pre>
                  </font></span>
                <div>
                  <div class="h5"> On 5/25/2014 2:23 PM, Tony wrote:<br>
                  </div>
                </div>
              </div>
              <div>
                <div class="h5">
                  <blockquote type="cite">
                    <div dir="ltr">
                      <div>Two things:<br>
                      </div>
                      <ul>
                        <li>Has anyone had experience or headaches with
                          this issue: <a moz-do-not-send="true"
href="http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag"
                            target="_blank">http://stackoverflow.com/questions/20099844/chrome-not-respecting-rem-font-size-on-body-tag</a>?&nbsp;

                          If so what solved it for you?<br>
                        </li>
                        <li>My site <a moz-do-not-send="true"
                            href="http://polamdev.tony-mac.com"
                            target="_blank">polamdev.tony-mac.com</a>
                          has a module in the footer. Look for green
                          button. Panel should slide out to the left
                          from the button but actually slides out at top
                          of page. BUT when I am logged in it behaves
                          'correctly' and slides out next to div with
                          green button. I have looked and looked but see
                          no permission problems, no css problems, no
                          script problems. What is different when I am
                          logged in, not knowing drupal that well? Any
                          help appreciated. <br>
                        </li>
                      </ul>
                      <p>Thanks</p>
                      <p>Tony<br>
                      </p>
                      <div>
                        <div><br>
                          -- <br>
                          <div dir="ltr">
                            <p><b><i>Anthony Stefan Maciejowski</i></b></p>
                            <p><b><i><a moz-do-not-send="true"
                                    href="http://www.about.me/TonyMac"
                                    target="_blank">http://about.me/TonyMac</a></i></b></p>
                            <br>
                            <p> </p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <br>
                    <fieldset></fieldset>
                    <br>
                  </blockquote>
                  <br>
                </div>
              </div>
            </div>
            <br>
            --<br>
            [ Drupal support list | <a moz-do-not-send="true"
              href="http://lists.drupal.org/" target="_blank">http://lists.drupal.org/</a>
            ]<br>
          </blockquote>
        </div>
        <br>
        <br clear="all">
        <br>
        -- <br>
        <div dir="ltr">
          <p><b style="font-family:'Lucida
              Handwriting',cursive;font-size:13px;background-color:rgb(255,255,255)"><i>Anthony
                Stefan Maciejowski</i></b></p>
          <p><b style="font-family:'Lucida
              Handwriting',cursive;font-size:13px;background-color:rgb(255,255,255)"><i><a
                  moz-do-not-send="true"
                  href="http://www.about.me/TonyMac" target="_blank">http://about.me/TonyMac</a></i></b></p>
          <br>
          <p>
          </p>
        </div>
      </div>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <br>
    </blockquote>
    <br>
  </body>
</html>