JQuery UI Tabs - абсолютное позиционирование не работает

Question

Я бы хотел отобразить изображение поверх div, используя абсолютное позиционирование в виджете вкладок jQuery, но не могу.Я думаю, что это какая-то проблема зависимости, но я не могу понять это.Вот мой код:

    <div id="tabs" style="width: 50%">
      <ul>
            <li><a href="#tabs-1">1st</a></li>
            <li><a href="#tabs-2">2nd</a></li>
            <li><a href="#tabs-3">3rd</a></li>
        </ul>
            <div id="tabs-2">         
            <div style="position: relative; left: 0; top: 0;">
                <img border="0" src="s7-200.gif" alt= "" style="position: relative; top: 0; left: 0; z-index: 5" />

                <img border="0" src="green-dot.jpg" style="position: absolute; top: 50; left: 100;"/>        
                </div>
      </div>
        <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>

Есть предложения?

Answer 1

Да, как насчет того, чтобы сделать верх и левее в px?50px ;?вместо 50?