Add wrapper div outside of module-inner div?

I added two background colors to my component/module areas for a specific effect (see image) and I am running into a problem with IE9 background bleed at the corners (see other image). For the mainbody content I added two wrapper divs around

and added the following LESS/CSS:

.t3-mainbody {

    .t3-content {

	border-radius:	    10px;		//IE9 fix for bg corner bleed

	overflow:		    hidden;		//IE9 fix for bg corner bleed

	}

    .bgWrap1 {

	background:    @bgWrap1Color;									//Bottom level background

	padding: 		7px;

	border-radius: 	10px;

	border: 		2px solid @customColorTwo;

	#gradient > .vertical(@bgWrap1Color, @bgWrap2Color);				



		.bgWrap2 {

			background:     @bgWrap2Color;							//Top level background

			padding: 		 14px;

			border-radius: 	 10px;

		}

	}

 }

I have two modules set to the position sidebar2 which doesn't give me the top level wrapper to apply the IE9 fix you see in the code above. For the modules I utilized the divs already generated (with the classes of 't3-module' & 'module-inner'). I applied the LESS/CSS below:

.t3-mainbody {

	.t3-module {

	    background:           @bgWrap1Color;									//Bottom level background

	    padding:                 7px;

	    border-radius: 	   10px;

	    border: 		   2px solid @customColorTwo;

	    #gradient > .vertical(@bgWrap1Color, @bgWrap2Color);				

	

	    .module-inner {

		    background:       @bgWrap2Color;								//Top level background

		    padding: 	       14px;

		    border-radius:     10px;

	    }

    }

}

The problem is with the modules I need to add a wrapper div around the 't3-module' div. If I was to apply the IE9 fix to the 't3-sidebar' it would only work on the top corners of the top module and the bottom corners of the bottom module as it wraps both together. When I look at the sidebar2 code in mainbody.php I have the following:
[code type="xml"]