title: Submenu re-sizes on hover for 0.1 second
body: <p>So basically when you hover over <code>Galerija</code> sub menu appears. When submenu appears the right side of the submenu is like twitching/resizing for first 0.1 seconds. </p>
  
  <p>Maybe somebody could help me out. I don't want to post a code from CSS since I don't know where is the problem. Maybe somebody can find problem via Inspect or Source Code.</p>
  
  <p>Here is the link for the page: <a href="http://feelflowers.lv/bilzu-galerija/" rel="nofollow">http://feelflowers.lv/bilzu-galerija/</a></p>
  
  <p>Just in case if code is needed, maybe the problem is somewhere here but I don't think so cause I couldn't fix it:</p>
  
  <pre><code>/* Dropdowns */
  
      .sf-menu li li {
          background: #c18484;
          margin-left:6px;
          margin-top:8px;
          border: 1px solid white;
          border-radius:3px;
      }
  
          /* Sub Menu Item Links */
  
          .sf-menu li li a {
              border-color: #c48484;
              color: #fff;
              font-weight:bold;
          }
  
          /* Sub Menu Hovering */
  
          .sf-menu li li:hover, .sf-menu li li.sfHover,
          .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
              background-color: #a07272;
              color: #fff;
              border-radius:3px;
          }
  </code></pre>