#mycustomscroll {

/* percentage width without the fix*/

width: 90%;

height: 260px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/

position: relative;

background-color: #E7EADE;

margin: 0.3em auto;

padding: 15px;

}



#mycustomscroll2 {

/*percantage width: make it 100% to match container*/

width: 100%;

height: 265px;

overflow: auto;

/* IE overflow fix, position must be relative or absolute*/

position: relative;

/* background-color: #D5EADE; */

margin: 0.3em auto 0.3em -20px;

/* negative left margin to compensate for the padding,

not related to fleXcroll, and may not be needed elsewhere */

padding: 10px;

color: #ffcc00;
}



/*

percentage width: the real percentage is done by the wrapper

this is to fix various IE6 bugs

*/

.percentagewrap {

	width: 90%;

	margin: 0 auto;

	padding: 10px;

	}

	

.fixedwidth {

/* a wide div is used for creating horizontal scrollbars for demonstration purposes */

width: 550px;

height: auto;

position: relative;

color: black;

padding: 1px;

}