Не знаю как правильно назвать тему, но суть такая:

$("#quest_list").html('<table style="width:100%">');

Данный выше код, почему-то создаёт таблицу, с закрывающим слешем в конце. И соответственно все элементы далее не растягиваются по ширине страницы ((
С чем это может быть связано ?

<table style="width: 100%;"/>

<table style="width: 100%;"/>

Но, если написать так

$("#quest_list").text('<table style="width:100%">');

То выведет не в html-е правда, но без закрывающего слеша (

Потому что тегу table требуется закрывающий тег. Вот умный браузер и добавляет его. Даже более того, тег table должен включать в себя только табличные теги разметки, а вы его похоже просто так в контент пихаете. Может лучше вместо table использовать более лояльный к содержимому div?
Это всё была лирика. Ваша проблема в том, что используется неверный подход к оперированию иерархическим DOM-деревом элементов. Вам надо что-то типа такого:

$("#quest_list + *").wrapAll('<div style="width:100%"></div>');