jquery ui вкладки не изменяются правильно

Question

Я пытаюсь использовать вкладки пользовательского интерфейса JQuery, но контент, похоже, не изменяется правильно. Правильно отображается только отображаемая вкладка. Кажется, это должно быть так просто. Я пробовал настройки:

`width:auto` and 
`width:100%` 

Авто сохраняет ширину от разливать над вкладками площадью, но 100%, кажется, заполнить вкладки области масштабируется и (но выливается). Пожалуйста помоги.

Вот ссылка на скрипке: http://jsfiddle.net/CatNLane/adhmxdu6/

Answer 1

Основная проблема с двумя 100% ширины вкладок переполнения происходит из-за .map дивы, имеющих ширину 100%, но окружающие дивы имеют отступы (унаследованный от файл jquery-ui CSS, поскольку они добавляют класс панели ui-tabs-panel). Вы можете лучше видеть, что происходит, если вы даете классу .map другой цветной фон.