У меня в главном блоге есть два блога. У каждого блога есть свой CSS код

Главный блок - Blok2. Внутри его: В левым (где текст) - td_content, а правом (где ссылки) - td_content_left


Вот код блога

 <div id="block2">
        <div id="td_content">
        <p>Autodesk 3ds Max (ранее 3D Studio MAX) — полнофункциональная профессиональная программная система для создания и редактирования        трёхмерной графики и анимации, доразработанная компанией Autodesk. Содержит самые современные средства для художников и специалистов в области мультимедиа. Работает в операционных системах Microsoft Windows и Windows NT (как в 32‑битных, так и в 64‑битных). В апреле 2013 года выпущена шестнадцатая версия этого продукта под названием «Autodesk 3ds Max 2014». Написана на C#(WPF), также использует библиотеку Developer Express(DevExpress)

Autodesk 3ds Max доступен в двух лицензионных версиях: студенческая — бесплатная (требуется регистрация на сайте Autodesk), которая предоставляет полную версию программы (однако, её нельзя использовать с целью получения прибыли), и полная (коммерческая) версия стоимостью в 3900€.
     </p>
           <div id="button_text">
              <a href="#" id="link">Подробнее</a>
           </div>
     </div>

                 <div id="td_content_left">
                      <div>
                      <p class="cnrig1">Новые уроки</p>
                      <p class="cnrig1-text">Пока пусто</p>
                      </div>
                      
                      <div>
                      <p class="cnrig1">Последние коментарий</p>
                     <p class="cnrig1-text">Пока пусто</p>
                      </div>
                      
                      <div>
                      <p class="cnrig1">Форум новое</p>
                      <p class="cnrig1-text">Пока пусто</p>
                      </div>
                      
                      <div>
                      <p class="cnrig1">О нас</p>
                      <p class="cnrig1-text">Пока пусто</p>
                      </div>
                 </div>
                 <div id="clear"></div>

    </div>

Вот СSS коды блогов

#block2 {
	margin: 0px 80px 80px;
	margin-bottom:10px;
}

#td_content {
	border:1px solid#000;
	width:700px;
	float:left;
}

#td_content_left {
	width:236px;
	float:left;
}

P {
	margin:4px;
	padding:2px;
	text-align:left;
	font-size:18px;
	color:#999;
}

Теперь я хочу в блоге td_content текст и блог "подробнее" уменшить во внутрь, чтоб они не касались border-а.

Захожу в CSS

Добавляю padding

#td_content {
	border:1px solid#000;
	width:700px;
	float:left;
	padding:20px;
}

Открываю страницу


Смотрю сам блог td_content увеличилься, из за этого блог td_content_left ушел в низ.
Как сделать так чтоб блог оставалься в размере, а сужался только элементы стоящие внутри него? <_<


_____________
Жадный.... жадный.... жадный кот