css - p:commandButton 布局与 div 冲突

Question

我认为这是一个CSS问题。

我在页面顶部有一个固定栏，我想把它放在那里，向右对齐，ap: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;
}