Есть элемент с отцом "box". Возможно ли вынуть его из лэйаута изменением  CSS-аттрибута position, как это запросто делается в HTML? То есть элемент имеет того же отцы, но позиция и размеры его задются произвольно.

Я делал так, но ничего не помогло:

position: absolute -- ничего не меняется
position: fixed -- элемент вобще исчезает
top, left, width, height прописывал

Я бы мог удалить элемент из отца и прикрепить в нужное место, но это приводит к артефактам, так как к элементу параллельно пытаются доступиться другие расширения.

А что мешает использовать HTML?

Выделить код

Код:

<div xmlns="http://www.w3.org/1999/xhtml">

Впрочем, возможно, достаточно что-то в стилях подкрутить (display, -moz-appearance, еще что).

-moz-appearance крутил (в none), а namespace существующего элемента вряд ли можно поменять...

Да, поменять вряд ли удастся. Или вот попробовать заменить с переносом всех дочерних элементов в div. Но это нехорошо с той точки зрения, что другие расширения могут не ожидать там div.

Или скопировать в DOM Inspector'е все стили (computed style) у настоящего div'а и частями их переносить.

Скажем,

Выделить код

Код:

#reload-button {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;

  -moz-binding: none !important;
}

работает, но ломает кнопку.

О. fixed, оказывается, работает!
Только надо было поймать элемент :-)

Очень жаль, только, что rectangle с HTML перекрывает всё и вся, это портит задумку. Но само перемещение возможно. Спасибо!

Используйте <panel noautohide="true">
Показывать ее надо с помощью openPopup.