                 .each ->
                     current = $ this
 
-                    current.data "#{ pluginName.toLowerCase() }-width", current.outerWidth(true)
+                    # set the elements float left and display inline-block and store the width to the element
+                    current
+                        .css(
+                             float: 'left',
+                             display: 'inline-block'
+                        )
+                        .data "#{ pluginName.toLowerCase() }-width", current.outerWidth(true)
             # set the widths of each elements ::end
 
             # add the wrapper class to the element


                if holder.length is 0
                    holder = ($ "<li class=\"#{ o.opts.holder.class }\"><a href=\"#\">#{ o.opts.holder.text }</a><ul class=\"clearfix\" /></li>").insertAfter items.first()

                # initialize an array for storage of the hidden items
                hiddenItems = []

                else
                    console.log 'increasing'

                    o.decompress()

                o.windowWidth = o.browserWindow.width()

            # if optimalCrumbHeight isnt o.el.height()
