Forms Data Controls :: Set Datapager Control At The Bottom?

I have a listview control and for paging I've used a datapager control. Problem is that it is appearing right hand side of the listview control. But I want to place it at the bottom of listview control. can any tell me why this is happening.here is the code

.newdiv
{
height:500px;
width:500px;
}
<div class="newdiv">
<asp:ListView DataSourceID="SqlDataSource1" ID="productlist" runat="server">
<LayoutTemplate>
<asp:DataPager ID="DataPager1" PageSize="4" runat="server" PagedControlID="productlist">
<Fields>
<asp:NumericPagerField />
</Fields>
</asp:DataPager>
</LayoutTemplate>
<ItemTemplate>
</ItemTemplate>
<EmptyDataTemplate>
<div>
Sorry no data found
</div>
</EmptyDataTemplate>
</asp:ListView>
</div>