css - 图像 slider 标题未正确对齐

Question

谁能弄清楚为什么这个图片 slider 上的标题不能正确对齐？我希望它与图像的长度相同。目前，左侧太长。

此外，标题太短，因为图像淡入但随后会自行更正为适当的长度。关于如何解决此问题的任何想法？

这是页面的 URL:http://homepages.uc.edu/~daniela8/slider/slider4/slider4.html

这是标题的 css:

#wowslider-container1 .ws-title{
position: absolute;
bottom:0;
left: 32px;
margin-right:5px;
z-index: 50;
background-color:#000000;
color:#FFFFFF;
padding:10px 1%;
width:78%;
font-family: "Myriad Pro", Arial, "Franklin Gothic Medium";
font-size: 14px;
opacity:0.55;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55); 
}
#wowslider-container1 .ws-title div{
padding-top:5px;
font-size: 12px;
}

Answer 1

left: 32px;
width:78%;

缩小宽度，增加左边距