Div appears too low down

HTML & CSS
1

Hey,

Take a look at this page:

http://www.hangingditch.com/monthly-specials/

If you scroll down to the bottom you will see a “Buy Now” button with a drop down but it is appearing too far below the Red box, it should be inside it like the Pay now buttons.

Can i change my existing styles to do this?

Thanks

2

:frowning:

Glad it worked :). You’re welcome.

3

Ah i see.

I was trying to figure out why it was doing that! Problem is we have another designer who puts some of the pages together in terms of CSS hence the invalid markup and then i have to go in and clean up :mad:

Thanks Ryan

4

I won’t even get into how invalid your markup is (ok I gotta so here I go)

For one thing, I see <tbody> and <tr> tags there but I see no openinig <table>. SO invalid there.

Next, I see several instances of you nesting like this
<p><p>testkjlfd;</p></p>

Why the extra??

All in all that …thing needs a recode(or a cleanup)

But the solution is you need to float this element

<div class="right right-specials" style="margin-top:0">
       <div style="color:#fff; [B]float:left;[/B]height:100px"><p>test</p></div>