So I'm using this flash fish code, and this is my theme. I'm trying to get the fish to stay in between the borders of the sidebar without moving outside them. I've found that I can get the fish to stay within the borders if I move the sidebar using
Code:
left:600px
but then my sidebar overlaps my posts when I shrink the browser, and the theme displays differently on different screen resolutions. I'm new to all of this and I've tried so many things, I'm getting desperate.

Is there another way to get to fish to stay in the sidebar? Or just a way to keep using the left property without it overlapping the posts?

fish css

Code:
#fish{
    position:fixed;
    padding-left:500px;
    width:100px;
    top:0px;
    height:100%;  
}
sidebar code

Code:
#sb {
    background-image:url('');
    font-family:calibri;
    text-align:center;
    font-size:8px;
    text-transform:uppercase;
    color:{color:sbtext};
    width:200px;
    padding:10px;
    left:600px;
    height:100%;
    border:1px solid {color:border};
    position:fixed;
    bottom:0;
    background:transparent;
}
posts code

Code:
#stuffcontainer {
    margin-left:250px;
    float:left;
    margin-top:75px;
    text-align:justify;
    font-family:calibri;
    color:{color:text};
    margin-bottom: 5%;
    padding-left:200px;
}
Code:
#stuff {
    width:500px;
    margin-top:50px;
    text-align:justify;
    font-size:11px;
    line-height:90%;
    letter-spacing:0.5px;
    color:{color:text};
    padding-bottom:15px;
    padding:20px;
    border:1px solid {color:border};
    background-color:{color:bg};
}
fish code

Code:
<div id="fish" style="position:fixed; left:120px;top:0px;"  class="main">
    <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&amp;up_fishColor3=D7EAF5&amp;up_backgroundColor=FFFFFF&amp;up_fishColor8=D7EAF5&amp;up_numFish=10&amp;up_fishColor10=D7EAF5&amp;up_backgroundImage=http://&amp;up_fishColor9=D7EAF5&amp;up_fishColor6=D7EAF5&amp;up_fishColor2=D7EAF5&amp;up_foodColor=BBBBBB&amp;up_fishColor5=D7EAF5&amp;up_fishColor7=D7EAF5&amp;up_fishColor1=D7EAF5&amp;up_fishColor4=D7EAF5&amp;"
  width="200" height="100%">
    <param name="movie" value=
    "http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&amp;up_fishColor3=D7EAF5&amp;up_backgroundColor=FFFFFF&amp;up_fishColor8=D7EAF5&amp;up_numFish=10&amp;up_fishColor10=D7EAF5&amp;up_backgroundImage=http://&amp;up_fishColor9=D7EAF5&amp;up_fishColor6=D7EAF5&amp;up_fishColor2=D7EAF5&amp;up_foodColor=BBBBBB&amp;up_fishColor5=D7EAF5&amp;up_fishColor7=D7EAF5&amp;up_fishColor1=D7EAF5&amp;up_fishColor4=D7EAF5&amp;" />
    <param name="AllowScriptAccess" value="always" />
    <param name="wmode" value="opaque" />
    <param name="scale" value="noscale" />
    <param name="salign" value="tl" />
  </object>
my entire code can be found here