将div动态放置到页面上

Question

我目前正在努力在标题图片下面放置两个div，但我遇到了问题。这是我希望它看起来像的图片。

正如您所看到的，我设法使用组合框获取Office，并指向标题图像右侧边缘的链接。这两个被包裹在div中以将它们分开。下面是html。

<div style="width: 1000px; background-position:center;">
                <div id="divOfficeWrapper" style="float:right">
                    <% Html.RenderPartial("~/Views/Shared/OfficeSelector.ascx"); %>
                </div>
                <div style="float: right; margin-right: -335px;">
                    <%
                        Html.DevExpress().HyperLink(hpr =>
                            {
                                hpr.Name = "hprGreetings";
                                hpr.NavigateUrl = Url.Action("Index", "UserProfile", new { Area = "mySCCVUE" });
                                hpr.Properties.Text = string.Format("Welcome, {0}", Session["UserFullName"]);
                                hpr.Style.Add("font-style", "italic");
                                hpr.Style.Add("font-weight", "bold");
                                hpr.Style.Add("font-size", "9pt");
                                hpr.Style.Add("color", "white");
                                hpr.Style.Add("font-family", "Helvetica");
                                hpr.Style.Add("text-decoration", "underline");
                            }).Render();    
                     %>                    
                </div>
            </div>

问题显然是浏览器大小。我将其建模为关闭我的开发盒，然而，当我演示时，包含office和链接的div移向中心。我学到的一条信息是标题图片宽度为1000像素。

我对如何正确调整尺寸感到有些不知所措，并会欣赏任何方向。