쇼핑몰 게시판에서 미리보기 창을 하려고 하는데요..

지금 현재로는..아래 그림과 같이..미리보기 창이 뜹니다요...

제목에...마우스를 올리면..미리보기 창이 뜨는데...이게..딱히 위치 설정이 없기때문에..

그냥 제목을 기준으로 그 아래로 펼쳐지고 있어요.

예를들어서 5번글에 마우스를 대었을때...이 부분을..아래처럼..조금 위로 위치를 올리고 싶거든요...

즉.. 다시 말해서..위치를 조금 올리고 싶어요.

근데..제가 기본적으로..잘 몰라서..이것저것..구경하면서 소스 뜯고..끼워보고 하는 막작업인지라..

굉장히 어려움을 겪고 있습니당~

css부분은

============================================

.fast_content{

    position:absolute;
    width:auto;
    height:auto;
    display: none;
    padding: 10px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
    background-color: #000;
    border-color: #000;
    z-index: 10;
}

============================================

스크립트 부분은

============================================

<div class="content" id="content_<?php echo $i; ?>"><?php echo $list[$i]['wr_content'] ?></div>

<script>

$('#fast_a_<?php echo $i; ?>').hover(function() {

$('#content_<?php echo $i; ?>').css('display','block');

}, function() {

$('#content_<?php echo $i; ?>').css('display','none');

});

</script>

============================================

이렇게 사용을 하고 있는데요..

position:absolute; 에서 left와 top을줘봤더니..

1번부터 5번까지 모든 게시물의 미리보기가.. 각 게시물 제목에 따라 나오는게 아니라..

설정된 특정위치로만 나오더라구요..

1번부터 5번 게시물이..top left로 설정된 특정위치에 5개가 모두..마우스를 호버할때마다 그쪽으로만 나오네요..

게시물 하나하나에 따른게 아니게 나와서..이걸 어찌해야하나 고민하고 있어요..

혹시 아시는분은 조언을 좀 해주셨으면 하는 바램입니다~~~ 아니면 공부를 좀 해볼수 있게..

어떤 자료라도 있었으면 좋겠네요..