Link to home
Create AccountLog in
Avatar of elliottbenzle
elliottbenzle

asked on

help with div placement using CSS

On my page I have a div that keeps dropping to the next line. It is a tip box that appears when someone rolls over a link, you can see it by going to this page http://cmr.osu.edu/ 
and putting your mouse over the "privacy policy" at the bottom of the page.

The message should appear directly after the words "privacy policy" how I can accomplish this?
My code is below.

Thanks

CSS
.cc

{

    background-image: url(/templates/theme599/images/policy_bg.png);

    height: 67px;

    width: 231px;

    padding-top: 7px;

    padding-right: 10px;

    padding-bottom: 6px;

    padding-left: 25px;

    font-family: "Times New Roman", Times, serif;

    color: #333;

    font-size: 14px;



}

.privacy {



}


HTML
<div class="footer">
          <div style="margin-left:150px;"><div class="logo_holder"><img src="/templates/theme599/images/afosr2.png" width="65" height="66" /></div><div class="footer_text_holder"> The Ohio State University - Department of Psychology &copy; 2010   <a href="#" class="privacy" onmouseover="javascript:show()" onmouseout="javascript:hide()">Privacy Policy</a><div id="d" class="cc"
style="visibility:hidden;position:absolute;" >All personal information provided to CMR is kept strictly confidential and is not
sold or exchanged with any entity.</div><br />
 Funded by the Air Force Office of Scientific Research &nbsp;&nbsp;&nbsp;</div>
<div class="logo_holder"><img src="/templates/theme599/images/osu-logo.png" width="65" height="66" /></div></div><!--{%FOOTER_LINK} -->
    </div>
ASKER CERTIFIED SOLUTION
Avatar of D_Nev
D_Nev

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
Avatar of elliottbenzle
elliottbenzle

ASKER

Yes, directly to the right
ok. Then adjust the settings above and see if you get any closer to what the desired effect is :) I'll see what i can do after that.
Thanks, I eventually got it.
Good deal. I'll take a look in a sec :)
This is what I get in IE8 on Win7. Looks like a new style of box, but the length of the text causes the text to bleed over, which repeats the background of the box. Again, it's also cutting off the right side. Let us know if you need some more help. You may want to post the question again now that you have this new style of box. User generated image