Help! almost giving up..

[Mystech]

hey guys, this is the thing that i'm trying to do

http://farm4.static.flickr.com/3164/2824538542_c1f2b60262.jpg

it comes up well on FF and chrome, but in ie...

Just what am i doing wrong?
this is the webbie,, any help would be greatly welcomed...

http://www.playbox-creations.com/test/exhibition.html

[boogyman]

the screen shot section you are referencing are black spaces?

[Mystech]

well, basically, the screenshot shows the menu bar and the graphics side by side. but in IE, the graphics gets pushed down below the menu bar, leaving a large blank space beside it...

After one night of tweaking, i managed to get it to align, but then the scroll bar doesn't become fixed (scrolls up when i pull the page down). And worse, the solution doesn't make sense to me... What i did was,

#left {border:0;
position:absolute; <-- remove, save, reload page, re-added the position thing.
width:15%;
height:100%;
background-color:#000000;
height: 768px;
font-family: "lucida console", helvatica, monospace;}

i also tried playing around changing the position:absolute to fixed, and back again. but to no avail.. just wondering, does it make sense to you guys? I'm on notepad++ runing xp pro and testing on chrome, ff 3 and ie 6, if it helps...

[Mystech]

uhm.. think i found the problem. I used position:fixed instead of position:absolute. Now that i used position:absolute, the main pic aligned, but the menu bar moves around. Can anyone help with this? Please?