p：commandButton布局与div冲突

Question

我认为这是一个css问题。

我在页面顶部有一个固定栏，我想放在那里，右边对齐，一个p：commandButton。但是p：commandButton在div之外呈现在左边。

我已经检查过它可能是属性显示的问题，因为h：form（必须封装p：commandButton）将它定义为display：block。如果我把按钮放在窗体外面，它会像我想要的那样呈现 - 但是，当然，它不起作用..当我使用h：form时，按钮位置会改变。

我正在使用的CSS：

/*** Navigation bar ***/
body {
    padding: 0; /* Gets rid of the automatic padding */
    margin: 0; /*   on HTML documents */
    font-family: Lucida Grande, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#navigation {
    position: fixed;
    top: 0;
    width: 100%;
    color: #ffffff;
    height: 55px;
    padding-top: 0px;
    /* Adds shadow to the bottom of the bar */
    -webkit-box-shadow: 0px 0px 8px 0px #000000;
    -moz-box-shadow: 0px 0px 8px 0px #000000;
    box-shadow: 0px 0px 8px 0px #000000;
    /* Adds the transparent background */
    background-color: rgba(1, 1, 1, 0.9);
    color: rgba(1, 1, 1, 0.9);
}

#navigation a {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    text-decoration: none;
}

#navigation a:hover {
    color: grey;
}

#navigation img {
    padding-left: 250px;
}