positioning problem in Firefox and IE7

http://www.iusedtoloveher.com/wheelofgod/

I'm trying to move up the right-side box. I'm using Firefox but it's the same in IE7.

 

you need a couple of changes there

first of look for this code in your source

<div id="welcome_page" style="border: 1px solid rgb(183, 183, 183); margin: 0px 0px 0px 270px; padding: 10px 10px 0px; width: 645px; height: 580px; background-color: rgb(210, 197, 160); z-index: 3; overflow-y: auto; overflow-x: hidden; display: block;">
<span style="border: 1px solid rgb(165, 164, 152); text-align: center; display: block; color: rgb(255, 255, 255); font-weight: bold; background-color: rgb(181, 162, 111); width: 100%; height: 35px; font-size: 24px; padding-top: 10px;">
					Welcome to the WheelOfGod.com
				</span><br>
				<span style="text-align: left; display: block;">
					This website is designed to search the bible in a unique way based on <a href="http://www.biblewheel.com">www.biblewheel.com</a>.
					<br><br>
					<strong>The first two</strong> panels on the left allow you to conduct simple searches throughout the bible. 
					<br><br>
					<strong>The bible</strong>, being a set of 66 books is divided into three groups of 22 books:
					<ul>
						<li>Genesis - Song of Solomon</li>
						<li>Isaiah - Acts</li>
						<li>Romans - Revelation ( the 22 epistles )</li>
					</ul>
					<strong>The 22 divisions</strong> called <strong>spokes</strong> match the 22 letters of the Hebrew Alphabet thematically. For example, <strong>Exodus</strong> being the 2nd book matches the second letter, <strong>Beith</strong>, meaning <strong>house</strong> when the story starts with the <strong>house of Jacob</strong>.
					<br><br>
					<strong>In the same manner</strong> are the chapters and verses divided in groups of 22s. For example <strong>Genesis 46</strong> falls on the 2nd spoke and matches with the opening verses of Exodus and the letter Beith.
					<br><br>
				</span>
                		</div>

Code (markup):

Your code might differ a little bit, just look for the <div id="welcome_page"> and mark it from the opening <div> tag to the closing </div> tag

then cut it and re-place it under your last </form> tag

then goto your css to the id welcome_page and change the value of margin-left:270px to 10px

that should get the box up

 

That's not what I'm getting:

<div id ="welcome_page" style="margin: 0px 0px 0px 10px; width: 645px; height: 580px; padding: 10px 10px 0px 10px; background-color: #D2C5A0; border:1px solid #B7B7B7; z-index: 3; overflow-y: auto; overflow-x: hidden; display: block">
<span style="text-align: center; display: block; color:#FFFFFF; font-weight: bold; background-color: #B5A26F; border:1px solid #A5A498; width: 100%; height: 35px; font-size: 24px; padding-top: 10px;">

Code (markup):

This is what it shows on firefox and ie7:

 

have you moved

<div id ="welcome_page" style="margin: 0px 0px 0px 10px; width: 645px; height: 580px; padding: 10px 10px 0px 10px; background-color: #D2C5A0; border:1px solid #B7B7B7; z-index: 3; overflow-y: auto; overflow-x: hidden; display: block">
<span style="text-align: center; display: block; color:#FFFFFF; font-weight: bold; background-color: #B5A26F; border:1px solid #A5A498; width: 100%; height: 35px; font-size: 24px; padding-top: 10px;"></div>

Code (markup):

under your </form> tag ?

you put everything into the left div, instead of splitting it into one left <div> and one right div thats why your right box is not on the right side

 

Thanks. That did it. I was suspecting it. But since the content is too long I lost track of it.

How about the [ + ] on the left? why doesn't it come on top of each bar? It seems misplaced.