margin-left

Смотря что Вы хотите - возможно для текста использовать padding-left или просто прописать не margin-left, а полностью margin: 0px 0px 0px 10px;

В такой ситуации также для IE можно ширину сделать больше:

<!--[if IE]>

<style type="text/css">

/* place css fixes for all versions of IE in this conditional comment */

#sidebar2 {WIВЕР:20px;}

#mainContent{zoom:1;}

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

</style>

<![endif]-->

или доп див вставить слева с шириной в 10px

Хотя более удобного варианта не нашел - может тут кто что подскажет)

Используйте хак для ИЕ 6

Пример:

Ну.. это самый простой вариант. Есть еще несколько способов.

в ие6 есть такой бред когда устанавливаешь блоку свойство float: left | right; у него margin увеличивается в 2 раза. примени к этому же блоку свойство display:inline; и будет тебе счастья;)

решил выставив padding 10 для родительского блока и внутри отступ получился со всех сторон 10, inline тоже помогает, спасибо всем...

только вот проблема другая нарисовалась.... я бэкграундом в сайдбаре сделал верх и низ картинки, но в firefox они как положено сливаются так как из одной картинки делались, а в IE почему то они темнее стали... может тоже какой хак?

Что то я не понял не чего, может быть не проснулся еще;)

Лучше будет показать либо на рисунке либо ссылку скинуть:)

первый как выглядит в firefox а второй как в IE

в правом сайдбаре верхушка цветом #202429 а в IE почему то он меняется

а в левом низ меняет цвет тоже на более темный

У ie6 всего полтора десятка бaгов, связанных с float: http://designformasters.info/posts/css-float-theory-and-practice/

Имхо имеет смысл выучить наизусть.