Кнопка Tweet и Facebook Like Button отображаются под строкой меню в FF

Question

Моя проблема в том, что у меня есть строка меню с z-индексом 100 и два элемента этой панели с z-индексом 1000 (Извините, в коде z-индексы на самом деле являются более высокими числами, но отличаются в разы 10 ... я понимаю, что это плохая практика, но я еще не изменил ее, потому что есть несколько связанных частей). В Firefox кнопка твита и кнопка facebook всегда отображаются под строкой меню. он отлично работает во всех других браузерах. Живой пример - на моей карте еды в Лос-Анджелесе . Вот некоторые из соответствующих кодов:

        #tweet_button{
            position:relative;
            left:6px;
            bottom:10px;
            z-index:100000000;
            }
...

    <div id="smoothmenu1">

<b id="tweet_button"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="truxmap">Tweet </a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></b>
            <span id="facebook_buton" style="color:white;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fla.truxmap.com&amp;layout=button_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="position:relative; left:10px;top:4px;border:none; overflow:hidden; height:35px; color:white;width:90px;overflow:hidden;z-index:100000000;" allowTransparency="true"></iframe></span>
    </div>

Может быть важно отметить, что я использую GWT. Я заметил, что иногда на кадр кнопки твита накладывается одно из рекламных объявлений Google AdWords ... Я не совсем уверен, почему это происходит, но я думаю, что это, вероятно, связано с решением.

Большое спасибо !!

Answer 1

<b> является встроенным элементом и не может получать position или z-index, поэтому либо вам необходимо объявить display: block;, либо изменить <b> на <div>. Я изменил его на div в Firebug , и он работал нормально, вам просто нужно немного изменить позиционирование с помощью top и left.

РЕДАКТИРОВАТЬ: У вас уже есть bottom и left, так что настройте их:)