Morris.js css conflict question.

Im having a css conflict between the css Ive created and the morris.js css. The hover properties and the chart itself are separated. The hover is where it's suppose to be but the chart itself is underneath the main flow. 

Ive narrowed it down to the float property on the nav class in _nav.scss. If I take that float property out, the chart and hover info realign, but then the flow is off. 

Ive looked up answers online and they all say its a css issue but no answers. 

Would you like a screen shot of how this looks or should I just come up there?