Non riesco ad allungare il width

[zacca94]

*** height
ho scritto male il titolo

http://s25.postimg.org/wzg3m90q5/madonna.png

Ho evidenziato il margine del bread crumbs per mostrare che quella è l'altezza massima che può raggiungere.

Styles degli elementi:

.breadcrumbs {
    width: 98%;
    height: 30px%;
    float: left;
    margin: 1px 0 0 1%;
    border: 1px solid;
}


.breadcrumbs img {
    margin: 0.5% 0.2% 0.2% 0.2%;
    float: left;
}


.crumb-first {
    color: #585858;
    font-size: 14px;
    margin: 14xp 0.2% 0.2% 0.2%;
    float: left;
}


.separatort {
    color: #585858;
    font-size: 14px;
    margin: 0.7% 0.2% 0.2% 0.2%;
    float: left;
}


.crumb-first a:link, #crumb-first a:visited, #crumb-first a:hover, #crumb-first a:active {
    margin: 0.7% 0.2% 0.2% 0.2%;
    float: left;
    text-decoration: underline;
    color: #585858;
    font-size: 14px;
}

Html:

<div class="breadcrumbs">
    <img src="home.png" /><span class="crumb-first"><strong><a href="#">Nuke</a></strong></span> <span class="separator">&raquo;</span> Generals and Hobbies
</div>