css - p:commandButton のレイアウトが div と競合しています

Question

これはcssの質問だと思います。

ページの上部に固定バーがあり、そこに右揃えで ap:commandButton を配置したいと考えています。しかし、p:commandButton は div の外側、左側にレンダリングされます。

h:form (p:commandButton をカプセル化する必要があります) が display:block として定義されているため、おそらく属性表示の問題であることを確認しました。ボタンをフォームの外に置くと、好きな場所にチャームのようにレンダリングされますが、もちろん機能しません..h：フォームを使用すると、ボタンの位置が変更されます。

私が使用している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;
}