inline-block how to remove gap

inline-block how to remove gap

I want to to display two divs inline, one div is 25% and the other 75%,
when I use:
display: inline-block;
It seems to generate gaps in between the two divs, which obviously knocks
the 75% div down.
How do I remove the gap? I used:
vertical-align: top;
This has removed the top gap... Now just the side gap needs to go.
See here jsfiddle.