You have specified right margin of 10px and left margin of 5 px on the span elements. You have defined this margin with the itemr class. Set the left and right margin to 0 for that class and there will be no space between the span elements.
I want the background to cover the image and the text compelty not for them to be glued together. and my bug is that its not covering it comeltly. Like the red bg should have a height so its covering the whole span