I have a div that is float: right and it is inside a parent div. There are p elements inside that same parent div also, and the text wraps around t
float: right
p
I've had this problem before, and I wasn't sure if it was solvable.
In your case, however, you could wrap the green box with another element and swap margin with padding and set its background to #fff to cover the offending line.
margin
padding
#fff