Please help me to align three divs inside table cell as follows:
Two small divs absolutely positioned at top right and bottom left corners of the table cell. One div should be vertically and horizontally centered inside table cell.Depending on cell height small divs should be able to overlaps centered div.I was managed to align central div. But i've no idea how to implement small divs.\[code\] <div style=" #position: absolute; #top: 50%; display: table-cell; vertical-align: middle; text-align: center; width:inherit; height:inherit;"> <div style=" #position: relative; #top: -50%; margin-left: auto; margin-right: auto; background-color: green "> first line<br> second line </div></div> \[/code\]Here what i have for the moment:http://jsfiddle.net/zm2WW/Thanks