2 div'a в одной строке

[IceBars]

Делаю 2 div'a в одной строке, но между ними в Oper'е и FireFox'е возникает расстояние, помогите его убрать:

<style>
.g1, .g2 {
width:50px;
display:inline-block;
}
.g1 {
background-color:rgb(125,55,0);
}
.g2 {
background-color:rgb(55,0,125);
}
</style>

<div class="g1">
1
</div>

<div class="g2">
2
</div>

Пробовал убрать отступ с помощью margin, padding, border - не помогло, если никак не убрать остаётся вроде только float'ом 2 block'а делать.

Edited April 27, 2009 by IceBars

[s0rr0w]

Делаю 2 div'a в одной строке, но между ними в Oper'е и FireFox'е возникает расстояние, помогите его убрать:

<style>
.g1, .g2 {
width:50px;
display:inline-block;
}
.g1 {
background-color:rgb(125,55,0);
}
.g2 {
background-color:rgb(55,0,125);
}
</style>

<div class="g1">
1
</div>

<div class="g2">
2
</div>

Пробовал убрать отступ с помощью margin, padding, border - не помогло, если никак не убрать остаётся вроде только float'ом 2 block'а делать.

Пробелы тоже символы. Как и символы перевода строки.

[IceBars]

Спасибо, всё заработало Убрал перевод строк между div'ами и ок, только в IE 8beta почему-то при широте в 50% 2-х div'ов второй не влезает и смещается в низ, сместил на 1px влево и влезло

Edited April 27, 2009 by IceBars