Floated items move down to the next row when you are out of space. Try increasing the size of the containing div or decreasing the size of each floated element. If you do not already have this set a width and height for each of the floated elements.

The elements I'm talking about are spans within the div "breadcrumbsn"

If you do not already have properties listed for these spans, the way to do it would be

#breadcrumbsn span {
(properties here)
}

Your elements are all the same height though, which is good, because now you will not run into any problems with row stacking :D

it did, but it also messed up your spacing. if you look closely, the first three are spaced with a small margin, and the fourth one (and all below) doesn't have that bit of space. A better solution would have been to slightly increase the width of your div as I suggested. But you can accommodate this new situation by changing the spacing on the first three as well.