Keep DIV in Place when Browser is Resized

[dch3]

In the markup below, I've got two DIV's side by side, if the browser is resized, the left div drops below the other. How can I set i up so that it maintains its position and forces the browser to present a horizontal scroll bar if needed?

        <div style="display:table;margin:19px 10px 0px 0px;float:left;font-size:8pt">
            <div style="background-color:white;padding:5px;border:solid #000066;border-width:0px;width:200px">
                <div style="border: solid 0px #000066;background-color:White;padding:5px">
                    <span style="font-weight:bold;color:#000066">About</span>
                    <div style="border:solid #000066; border-width:1px 0px 0px 0px">
                        This page is a demonstration of how information can be virtually organized making it easier to access.                    
                    </div>
                </div>

                <br />
            </div>
        </div>

        <div style="display:table;margin:19px 0px 0px 0px">
            <div style="background-color:white;padding:5px;border:solid #000066;border-width:0px;width:750px">
                <div style="border: solid 0px #000066;background-color:White;padding:5px">
                    <span style="font-weight:bold;color:#000066">Login</span>
                    <div style="border:solid #000066; border-width:1px 0px 0px 0px;height:50px;padding:5px;margin-bottom:5px;">
                                                <a href="images/login.jpg" target="_blank" style="font-size:8pt">Login Example</a>
                    </div>
                    <span style="font-weight:bold;color:#000066">Directory</span>
                </div>
            </div>
        </div>

[drudeken]

Try:

display:block

Instead of:

display:table

[dch31969]

Didn't work.

[Fang]

Wrap in a div with width:980px;

Suffering from Divitis