Div水平滚动与perfectScrollbar

Question

我遇到一些问题，使div在其他div中扩展100％的内容，然后使用perfectScrollbar滚动显示div。

这里是否有我缺少的宽度属性和溢出设置？

基本上所有A链接都应该在一行中，没有换行符。这样滚动条就可以左右滚动。

http://jsfiddle.net/WASasquatch/2gp8Lmjy/

CSS

#header-compbar{background:transparent url(http://beeskneesfx.com/images/primus/blue/misc/black80opacity.png) repeat left top;clear:left;width:1005px;height:60px;overflow:hidden;}
#header-compbar h4{line-height:1.2em;float:left;height:40px;margin:0;padding:10.8px 10px}
#header-compbar .competition{display:inline-block;float:left;height:60px;text-decoration:none;font-size:11px;color:#bebebe;padding:0 10px}
#header-compbar .competition img{float:left;display:block;margin-top:5px;height:50px}
#header-compbar .competition .comptitle{display:block;font-weight:700;font-size:12px;line-height:1em;white-space:nowrap;margin:9px 0 3px 50px}
#header-compbar .competition .comptopic{display:block;line-height:1em;white-space:nowrap;margin:0 0 3px 50px}
#header-compbar .competition .compdate{display:block;font-style:italic;line-height:1em;white-space:nowrap;margin:0 0 0 50px}
#header-compbar-container { width: auto;height: 60px;position: absolute;white-space: nowrap;}

HTML

 <div id="header-compbar">
        <div id="header-compbar-container">
            <h4><a href="./competitions.php#competition_voting_link">FEATURED<br />ARTIST</a></h4>

            <a href="./competitions.php?mode=view&amp;id=947&amp;" class="competition">
                <img src="http://beeskneesfx.com/images/primus/blue/misc/nex.png" alt="" />
                <span class="comptitle">Nexolous ( Logan Edwards )</span>
                <span class="comptopic">Age n/a</span>
                <span class="compdate">Photographer / Digital Artist</span>
            </a>

            <a href="./competitions.php?mode=view&amp;id=947&amp;" class="competition">
                <img src="http://beeskneesfx.com/images/primus/blue/misc/nex.png" alt="" />
                <span class="comptitle">Nexolous ( Logan Edwards )</span>
                <span class="comptopic">Age n/a</span>
                <span class="compdate">Photographer / Digital Artist</span>
            </a>

            <a href="./competitions.php?mode=view&amp;id=947&amp;" class="competition">
                <img src="http://beeskneesfx.com/images/primus/blue/misc/nex.png" alt="" />
                <span class="comptitle">Nexolous ( Logan Edwards )</span>
                <span class="comptopic">Age n/a</span>
                <span class="compdate">Photographer / Digital Artist</span>
            </a>

            <a href="./competitions.php?mode=view&amp;id=947&amp;" class="competition">
                <img src="http://beeskneesfx.com/images/primus/blue/misc/nex.png" alt="" />
                <span class="comptitle">Nexolous ( Logan Edwards )</span>
                <span class="comptopic">Age n/a</span>
                <span class="compdate">Photographer / Digital Artist</span>
            </a>

            <a href="./competitions.php?mode=view&amp;id=947&amp;" class="competition">
                <img src="http://beeskneesfx.com/images/primus/blue/misc/nex.png" alt="" />
                <span class="comptitle">Nexolous ( Logan Edwards )</span>
                <span class="comptopic">Age n/a</span>
                <span class="compdate">Photographer / Digital Artist</span>
            </a>

            <a href="./competitions.php?mode=view&amp;id=947&amp;" class="competition">
                <img src="http://beeskneesfx.com/images/primus/blue/misc/nex.png" alt="" />
                <span class="comptitle">Nexolous ( Logan Edwards )</span>
                <span class="comptopic">Age n/a</span>
                <span class="compdate">Photographer / Digital Artist</span>
            </a>



        </div>
    </div>