image alignment without using tables

[philell]

I've built two different copies of essentially the same home page. I'm just doing this to learn CSS. One uses tables and CSS, ( http://www.philellsworth.com/index.html ) and the newer one just uses CSS and no tables ( http://www.philellsworth.com/NewPage2 ).
My question is ... how do make it so that the small images on the "no tables" page align flush left, up against the main photo, like they do in the "tables and CSS" page?

The sylesheet for the sidebar (which holds the smaller images) look like this:

#sidebar {

width:19%;
float:left;
background:#fff;
text-align: right;
padding-bottom:1px;
padding-top:50px;
padding-right:1px;
border-top:0px solid #000;
border-right:0px solid #000;
border-left:0px solid #000;
border-bottom:0px solid #000;
}

For ease in making changes, I've included the style sheets (not linked to it externally).

I've fiddled around with it and read a bunch of web sites and tutorials on CSS, but whatever I'm doing wrong isn't sinking in. :messedup:

[philell]

Sorry, folks. I see someone asked basically the same question a bit farther down the line ... I should have kept looking ...
:smack: