div 가로세로 중앙정렬 + 마우스오버...

div 안에 div를 넣었는데 가운데 중앙정렬을 하고싶어요
가로 중앙정렬은 되는데 세로는 인터넷에서 몇개 긁어왔지만 잘 안먹히는것 같아요
어떻게 해야되는지... IE8에서도 잘 나오게 하고싶어요 어떻게 써야될까요?

abc틀안에 b가 정중앙에 위치, b01은 b의 정중앙에 위치, b01, b02는 겹쳐져 있어야함a01에 마우스오버시 b01이 보여져야하고, a02에 마우스오버시 b02가 보여져야함.(hover를 써야되나요? display:none ? visible을 써야되나요?)
abc {width:450px; height:450px; }a{width:250px; height:250px; }a01{width:150px; height:150px; }--------------------------div id=abc
div id=adiv id=a01/divdiv id=a02/div/div
div id=bdiv id=b01/divdiv id=b02/div/div
/div