I have a css issue that I can't figure out, wondering if anyone CSS gurus could give it a once over.
We're in the process of merging a lot of our old offers sites into one larger one: https://www.betting-offers.com/ - still setting it up so a bit rough around the edges at this point so ignore the half-finished look.
Anyway, the headers one the home page are wrapped in divs and displayed inline to put a a background colour behind the text, but not the full width (ie: only on the text - we'll be adding an ASA disclaimer next to it in time). The div then has a border on the bottom.
Works on all browsers and mobile except for bloody IE. For some reason the left hand side of the H2 and div are missaligned: https://snag.gy/G3XbjK.jpg
Any ideas?
We're in the process of merging a lot of our old offers sites into one larger one: https://www.betting-offers.com/ - still setting it up so a bit rough around the edges at this point so ignore the half-finished look.
Anyway, the headers one the home page are wrapped in divs and displayed inline to put a a background colour behind the text, but not the full width (ie: only on the text - we'll be adding an ASA disclaimer next to it in time). The div then has a border on the bottom.
Works on all browsers and mobile except for bloody IE. For some reason the left hand side of the H2 and div are missaligned: https://snag.gy/G3XbjK.jpg
Any ideas?