어떻게 내 텍스트를 JQuery 슬라이더의 측면에 머무르게 할 수 있습니까?

Question

너비와 여백까지 모든 것을 시도했습니다. 문제는 배경 이미지가 있고 텍스트를 스크롤하는 동안 슬라이더 안에 머무르게하는 너비를 사용하면 이미지가 잘리는 현상입니다. 여기에 CSS입니다 :

#wrapper { 
    width: 550px; 
    margin:0px auto; 

} 

#intro { 
    padding-bottom: 10px; 
} 

h2 { 
    margin: 0; 
    margin-bottom: 14px; 
    padding: 0; 
} 

#slider { 
    width: 631px; 
    margin: 0 auto; 
    position: relative; 



} 

.scroll { 
    height: 250px; 
    width: 590px; 
    overflow: auto; 
    overflow-x: hidden; 
    position: relative; 
    clear: left; 
    background: #FFFFFF url(images/CreamySliderNew.jpg)no-repeat; 
    margin:0px auto 0px auto 

} 

.scrollContainer div.panel { 
    padding: 20px; 
    height: 210px; 
    width: 560px; 


} 

#shade { 
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0; 
    height: 50px; 
} 

ul.navigation { 

    list-style: none; 
    margin: 0px 0px 0px 23px; 
    padding: 0px; 
    padding-bottom: 0px; 

} 

ul.navigation li { 
    display: inline; 
    margin-right: 5px; 

} 

ul.navigation li a { background:#FFFFFF; 
    font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#CCCCCC; 
    padding:5px 5px 5px 5px; 
    border:1px #F4F4F4 solid; 



    text-decoration: none; 
} 

ul.navigation a:hover { color:#EDEDEC; 
    border:1px #E6E6E6 solid 


} 

ul.navigation a.selected {color:#333333; 

} 

ul.navigation a:focus { 
    outline: none; 
} 

.scrollButtons { 
    position: absolute; 
    top: 150px; 
    cursor: pointer; 

} 

.scrollButtons.left { 
    left: -32px; 
    top:20px 
} 

.scrollButtons.right { 
    right: -32px; 
    top:20px; 
} 

.hide { 
    display: none; 
} 

Answer 1

내가 cballou에 동의하지만이 HTML을 보지 않고 당신의 CSS를 판단하기 어렵습니다, 당신은이 할 그건 내가 모든 텍스트의 문제를 제외하고, 내가 원하는 설정이 말했다되고 링크 또는 기본 HTML 레이아웃?