RadAutoCompleteBox displays results in weird location

[Joshua]

I am using the RadAutoCompleteBox on my website. I want users to be able to search through our documentation of a project. 

Here is my code

    <div class="row">
        <h2 class="supportHeader">Find what you are looking for</h2>
            <asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:BackOffice %>"
                ProviderName="System.Data.SqlClient" SelectCommand="SELECT Title, Content FROM MySafeNet_MarketingSearch"></asp:SqlDataSource>

            <telerik:RadAutoCompleteBox runat="server" ID="AutoCompleteBox" EmptyMessage="Type Here" DataTextField="Title" DataValueField="Content" DataSourceID="SqlDataSource1" InputType="Text" Width="80%">

            </telerik:RadAutoCompleteBox>
    </div>

This works, however, when you start typing in the box, it displays the results about 100 pixels below the actual box. It looks weird.

Here is a GIF of it happening
http://gyazo.com/4873eace999700a51e14b8932cd6f256

[Joshua]

I figured out my issue. I am using foundation as a framework. They styled the body tag with
body{position:relative};

I applied a 'position:inherit;' and that solved my issue.