1. 解決縮圖無法垂直置中的問題
2. 解決在 IE 下滑鼠點選縮圖錯位的問題
3. 跨瀏覽器

原來畫面 :

修正後結果 : http://album.udn.com/start8588

將以下的 css code 覆蓋網誌裡 css 的個人相簿段落既可......

/* --------------【個人相簿】------------- */
/* 相簿樣式 */
.photo_album {
    width:140px !important;
    height:140px;
    padding:10px;
    text-align:center;
    background:url(http://album.udn.com/community/img/PSN_PHOTO/start8588/f_6369565_1.png) no-repeat; /* 背景圖 */
}
.photo_album a { 
    padding:0 !important;
    display:table-cell !important;
    _display:block !important;
    vertical-align:middle;
    _vertical-align:baseline;
    position:static !important;
    _font-size:108px;
    _font-family:Arial;
}
.photo_album a img { 
    position:relative;
    _vertical-align:middle;
}
.photo_album a:hover img { 
    top: 1px;
    bottom: 1px;
}
#photo_album_list {
    list-style:none; /* 條列式樣式：無 */
    margin:0px; /* 邊界的間距 */
    padding:0px; /* 內距 */
}
#photo_album_list li {
    margin:auto;
    padding:5px 20px; /* 相框間距 */
    display:inline; /* 橫式排列 */
    float:left; /* 靠左浮動定位 */
    width:140px; /* 給標題折行用，須與相簿框一樣寬 */
    _width:180px;
    height:280px; /* 調適標題高度 */
    _height:290px;
    table-layout:fixed; /* 強制換行 */
    word-wrap:break-word; /* 強制換行 */
    word-break:keep-all; /* 強制換行 */
}
/* 相片樣式 */
.photo_picture { 
    width:140px !important;
    height:140px;
    padding:10px;
    text-align:center;
    vertical-align:middle;
    background:url(https://g.udn.com/community/img/user_all/photo_picture.gif) no-repeat; /* 背景圖 */
}
.photo_picture a { 
    position:static !important;
    padding:0 !important;
    display:table-cell !important;
    _display:block !important;
    overflow:visible !important;
    height:120px;
    vertical-align:middle;
    _vertical-align:baseline;
    _font-size:108px;
    _font-family:Arial;
}
.photo_picture a img { 
    position:relative;
    _vertical-align:middle;
}
.photo_picture a:hover img { 
    top: 1px;
    bottom: 1px;
}
#photo_picture_list {
    list-style:none; /* 條列式樣式：無 */
    margin:0px; /* 邊界的間距 */
    padding:0px; /* 內距 */
}
#photo_picture_list li {
    margin:auto; /* 邊界的間距 */
    padding:5px 3px; /* 相框間距 */
    display:inline; /* 橫式排列 */
    float:left; /* 靠左浮動定位 */
    width:140px; /* 給標題折行用，須與相片框一樣寬 */
    _width:146px;
    height:240px; /* 調適標題高度 */
    _height:250px;
    table-layout:fixed; /* 強制換行 */
    word-wrap:break-word; /* 強制換行 */
    word-break:keep-all; /* 強制換行 */
}