Code:.main { width: 692px; height: 80px; border-style: solid; border-color: black; border-width: 0px 1px 1px 0px; padding: 4px; vertical-align: top; } .main_left { width: 546px; right-margin: 150px; position: static; } .main_right { vertical-align: top; border-style: solid; border-color: black; border-width: 0px 0px 0px 1px; margin-left: 555px; position: absolute; }What it looks like in IE: http://www.xsidefx.com/argh.gifCode:<div class="main"> <div class="main_left"> this is just some random text ok. nothing out of the ordinary!!!!! Internet explorer sucks.... WHY CANT THEY MAKE IT GOOD!?<br /> IE is aweful though. CSS just doesn't work right! </div> <div class="main_right"> <strong>Powered by:</strong><br /> </div> </div>
What I want to do!: You see the Powered By: division...I want that to be level with the text on the left vertically, not at the bottom underneath it!
I had it working all fine and dandy while viewing in Firebird then I switched to IE and there we have it, it went wrong, so I changed a few things and right now I have it looking the same in both firebird and IE, so I figured that would help. Any ideas on what I should do?




.


Bookmarks