Hjælp til breadcrumbs i CSS3

Hej Eksperter!

Jeg arbejder på at lave en progressbar, som skal minde utroligt meget om ganske almindelige breadcrumbs.

Jeg har opbygget dem i HTML + CSS3, men det er som om det ikke helt virker som det skal. Den skal fungere ligesom denne: http://www.webdesignshock.com/css-breadcrumb/

Derfor udlover jeg 200 point til den der kan hjælpe mig med at færdiggøre min progressbar.

------------------------ Min HTML: --------------------------------

<div id="container">
    <div id="breadcrumbs">
        <div class="button">
            <span class="label">Proces 1</span>
            <span class="arrow"><span></span></span>
        </div>
        <div class="button">
            <span class="label">Proces 2</span>
            <span class="arrow"><span></span></span>
        </div>
        <div class="button">
            <span class="label">Proces 3</span>
            <span class="arrow"><span></span></span>       
        </div>
        <div class="button">
            <span class="label">Proces 4</span>
            <span class="arrow"><span></span></span>
        </div>           
    </div>
</div>


------------------------ Min CSS: --------------------------------

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Helvetica;
    font-weight: Bold;
    font-size: 14px;
}

body {
    background-color: #d3d7cf;
}

#container
{
    width: 604px;
    height: 50px;
    margin: 0 auto;
    margin-top: 23%;
}


#breadcrumbs {
    display: inline-block;
    margin: 10px;
    padding-right: 18px;
    border-radius: 4px;
    box-shadow:0 1px 0 rgba(0,0,0,0.1);
   
   

   
   
   
   
   
   
   
             
}
.button {
    display: inline-block;
    cursor: pointer;
    margin-right: -50px;
    padding:0 18px 0 18px;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.25);
    height: 50px;
    background: -moz-linear-gradient(top, #fcfcfc, #e9e9e9);
    background: -o-linear-gradient(top, #fcfcfc, #e9e9e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9e9e9));
}

.button:hover {
    background: -moz-linear-gradient(top, #586c81, #2f4151);
    background: -o-linear-gradient(top, #586c81, #2f4151);
    background: -webkit-gradient(linear, left top, left bottom, from(#586c81), to(#2f4151));
}
   
.button:first-child {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.button:last-child {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.label {
    text-shadow: 0 2px 0 rgba(255,255,255, 0);
    color: #878787;
    height: 30px;
    padding: 16px 8px 8px 8px;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: inline-block;
    padding-left: 25px;
}

.button:hover .label {
    text-shadow: 0 1px 1px rgba(0,0,0, 0.5);
    color:#fff;
}

.button:first-child .label {
    padding-left: 15px;
}

.button:last-child .label {
    padding-right: 15px;
}

.button:last-child .arrow {
    display: none;
}

.arrow {
    width: 49px;
    height: 49px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.arrow span {
    border-radius: 3px;
    width: 49px;
    height: 49px;
    display: inline-block;
   
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-left: -13px;
   
    background: -moz-linear-gradient(top, #fcfcfc, #e9e9e9);
    background: -o-linear-gradient(top, #fcfcfc, #e9e9e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e9e9e9));

    box-shadow: inset 1px 1px 0px rgba(255,255,255,0.25), 1px -1px 2px rgba(0,0,0,0.25);
}