Full width footer widget

I have a full width footer already, but I would like to put a custom widget above the actual footer because the content should only show up on the home page.

My problem is that I would like the widget to have a full width solid color background and i'm not sure how to do a full width background on a widget. Any ideas would be much appreciated!

Thanks!

ps: if it's possible to do a full width div on the bottom of the home page instead of doing a footer widget, I am open to that as well.