Image possitioning (please help)

[Casual Imp]

This is me first venture into css. Before I was used to using tables to set my spliced images. I'm trying to possition 14 or so images together (5 on top and 9 below). The first row is fine, but once I try and set the second row, it becomes offset. Even moreso when I resize the text in IE 6. Perhaps someone could look at the code and my site to tell me what I'm doing wrong. Much appreciated to all responses.

Here's the code so far:

a:link {
background-color : #000000;
color : #99ff00;
text-decoration : none;
}
a:hover {
background-color : #000000;
color : #ff9900;
text-decoration : none;
}
body, td {
background-color : #000000;
color : #cccccc;
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size : 0.9em;
margin : 0px;
padding : 0px;
text-align : justify;
}
h1 {
background-color : #000000;
color : #cccccc;
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size : 1.4em;
font-weight : bold;
text-align : left;
}
h2 {
background-color : #000000;
color : #cccccc;
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size : 1.3em;
font-weight : bold;
text-align : left;
}
#nav1 {
float : left;
margin : 0px;
padding : 0px;
position : fixed;
width : 175px;
}
#nav2 {
float : left;
margin : 0px;
padding : 0px;
position : fixed;
width : 176px;
}
#nav3 {
float : left;
margin : 0px;
padding : 0px;
position : fixed;
width : 47px;
}
#nav4 {
float : left;
margin : 0px;
padding : 0px;
position : fixed;
width : 329px;
}
#nav5 {
float : left;
margin : 0px;
padding : 0px;
position : fixed;
width : 41px;
}
#nav6 {
float : left;
left : 0px;
margin : 0px;
padding : 0px;
position : fixed;
top : 60px;
width : 175px;
}

And my site so far: www.casualimp.com

[Ian Glass]

I'm a bit lost as to what you're trying to do... IE doesn't support fixed positioning (which means that IE's displaying it as if you didn't have any styling), and anyway you've got 'em shoved up into the same corner so browser that do, like Opera or Mozilla, will show them on top of each other.

Could you go over what exactly are you trying to do, again? :-)

~~Ian

[Casual Imp]

I'm a bit lost as to what you're trying to do... IE doesn't support fixed positioning (which means that IE's displaying it as if you didn't have any styling), and anyway you've got 'em shoved up into the same corner so browser that do, like Opera or Mozilla, will show them on top of each other.

Could you go over what exactly are you trying to do, again? :-)

~~Ian

Hi, thanks for answering. Now that I know that it will bunch things up in Mozilla it will most likely be better if I used tables (sigh). What I was attempting to do was create the likeness of a table 2 rows, 10 columns. The top row would have one column colspaned 5 for one of the images while the bottom row would have all 10 columns to acomidate the rollover images. I was hoping I might be able to do this with positioning in CSS, without using tables at all. Though from what I've read on the net so far, positioning seems strictly text supported. Maybe I'm setting my standards too high for a first time CSS user and haven't read enough in's and out's. Hope this clearifies things a little more.