Solved My Own Original Question, But I have a new one...

Anyone able to show me what I'm doin' wrong here? I hate to ask but could someone show me a working code. I ask for 2 reasons: (1) I am in a hurry to complete this. (2) I am more of a visual learner anyway.

<Ignore>
Before you say anything about it bein' inline CSS, trust me when I say it has to be inline for what I'm working on.
</Ignore>
Modified script so I can use external stylesheet.

http://www.countrywideproxy.com/test.html

<form method="post" action="./" style="margin: 0; padding: 0;">
    <div style="position: absolute;z-index: 1000; top: 0; right: 0;">
        <a href="javascript:void(0);" onmousedown="slidedown('countrywideproxy_bar');">Show</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="javascript:void(0);" onmousedown="slideup(\'countrywideproxy_bar\');">Hide</a>
    </div>
    <div id="countrywideproxy_bar" style="height:88px; width:100%; margin:0; border-bottom:1px solid #725554; color:#000000; background-image: url(images/bg.gif); font-size:12px; font-weight:bold; font-family:Bitstream Vera Sans,arial,sans-serif; padding: 0; vertical-align: top;">
        <div style="background: url(images/logo.gif) no-repeat left top;cursor: pointer;height: 87px;width: 252px;float: left;">
            <img src="http://www.webmaster-talk.com/images/logo.gif" alt="Countrywide Proxy" height="87" width="252"/>
        </div> <!-- end logo -->
        <div style="height: 87px;width: 500px;float: left;">
            <div style="height: 32px;width: 500px;float: left;margin: 0 0 0 0;">
                <input id="____' . $_config['url_var_name'] . '" type="text" name="' . $_config['url_var_name'] . '" style="height: 32px;width: 400px;background: url(images/proxy_url.gif) no-repeat left top;color: #5d5d5d;font-weight: bold;padding: 5px 10px 4px 45px;margin: 0px;border: 0px;list-style-position: inside;"/>
                <input type="image" name="go" value="Go" src="http://www.webmaster-talk.com/images/proxy_travel.gif" style="height: 32px;width: 93px;margin: 0;padding: 0;"/>
            </div>
            <div style="height: 22px;width: 82px;margin: 0 0 0 20px;">
                <a href="javascript:void(0);" onmousedown="slidedown('countrywideproxy_options');">
                <img src="http://www.webmaster-talk.com/images/proxy_options.gif" alt="Options" width="82px" height="22px" style="margin: 6px 0 0 0; padding: 0; border: 0;"/></a>
            </div>
        </div>
    </div>
</form>

What EXACTLY is the problem you need solved ???

My JS console shows 2 errors:
slidedown is not defined
onmousedown(mousedown clientX=0, clientY=0)

and
Illegal character
slideup(\'countrywideproxy_bar\');

Originally Posted by LadynRed

What EXACTLY is the problem you need solved ???

My JS console shows 2 errors:
slidedown is not defined
onmousedown(mousedown clientX=0, clientY=0)

and
Illegal character
[IMG]chrome://firebug/content/blank.gif[/IMG]slideup(\'countrywideproxy_bar\');

The javascript error is fine because thats just a page I don't have the JS function on but the problem is getting the page to display properly... The back slashes are because I had it in PHP originally...

I'm trying to get the bar to look like this:

I fixed the JS errors and added heading tags and body tags to the document so they cannot be a blame for anything not working.

Sorry for posting so many times, you can merge the posts if you want but the edit post button keeps timing out for me for some odd reason...

Anyway, I changed the proxy script enough so that the CSS DOES NOT have to be inline, I just have to make sure it's got unique names so that when the proxy loads a site there is no chance of my stylesheet changing the styles on the site that is being viewed through the proxy. Anyway, that test.html page is the HTML version of what I will need to put into my PHP but I'm trying to work out the CSS before I go any further...

I am still stuck on getting it to display properly (like the image I posted).