Link to home
Create AccountLog in
Avatar of 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 
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.




    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 {


<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} -->
Avatar of D_Nev

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


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