Уроки дизайна и вёрстки

Никогда не любил оперу. Проблемы у меня с ней ещё с моего первого проекта. Там не смог заставить выпадающее меню быть поверх остальных частей сайта. С тех пор просто её игнорировал, пока не увидел статистику предпочтений рунета по использованию браузеров. Оказалось, что Opera имеет долю в 15%. Круто. С замиранием сердца посмотрел на мои текущие шаблоны верстки... В трехколоночном тянущемся div'ном дизайне, контентная часть занимала не всю предоставленную ей ширину. Вообще, я проверяю верстку только в трех браузерах: IE6, IE7 и Mozilla. Считал, что если в этой тройке всё отображается правильно, то за остальные браузеры можно не беспокоиться. Обломись... Пришлось искать отдельное решение для оперы. Итак, рассмотрим его на примере двухколоночного резинового дизайна.

<div id="wrapper">
<div id="sidebar"> </div>
<div id="content"> </div>
</div>

и стили

#sidebar{float:left;width:250px;}
#content {margin-left:250px;}

Это стандартное решение, которое есть во всех учебниках по CSS. Левый отступ в контентной части нужен, якобы, для того, чтобы в него поместилась левая плавающая колонка. При этом оказалось, что во всех браузерах, кроме оперы это решение работает. А в опере левый отступ помещается между левой колонкой и содержимым, уменьшая таким образом ширину контента на ширину левой колонки.
Решение простое. Уберем левый отступ и протестируем верстку во всех браузерах. Работает!!!! Даже в IE!!! Как, в таком случае, живут эти учебники по CSS?
Может я где-то ошибся и вылезут баги в дальнейшем? Буду благодарен за комментарии.
Моя последняя, на сегодняшний день, верстка с применением этого шаблона и с моим исправлением здесь: naturecards.ru