html - Div shifted to the right only in Firefox -

the breadcrumbs part of page shifted right (in firefox) no apparent reason.

html:

<div class="region region-header"> <section id="block-easy-breadcrumb-easy-breadcrumb" class="block block-easy-breadcrumb"> <section class="content"> <div id="breadcrumbs-one"> </section> </section> </div> 

css:

  #breadcrumbs-one     {     border-width: 1px;     border-style: solid;     border-color: #ffffff #ffffff #e7e7e7;     box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);     overflow: hidden;     width: 100%;     } 

here link site: http://www.vegus.lv/kursi

it's not in english. hope can help.

i assume issue in #main. when change margin -7px auto 40px; things work.

also, if not want make changes #main, need change padding of #header, #footer css 10px 10px 8px; values respectively.

there 1px issues have conflicting inheritance or structural differences tend change layout styles of elements if not calculated properly.

hope helps.