Redesigning my portfolio yet again.
I wanted to keep everything organized into a list of work.
I am using a definition list that is floated right.
I have two problems:

1. The float seems to not work in Firefox after the <dd> element.

and

2. The bottom border of the first <dt> flows along the top of page in FF.

the css is located here

sure, I could use a simple <div> to float:right a list

but all I want is a <dl> on the right side of the screen
and then whatever <dd> that is being displayed to push over with a margin-right

only problem is the <dt>s after the <dd> won't stay right
I figured since the whole <dl> is floated right, shouldn't the <dt>s and <dd> also float:right since they are held within the <dl>?

It's got to be a clear issue.

I brainstormed a little and a creative way to fix may be to float the <dt> instead of the whole <dl>. Then how will I get the <dt>s to line up vertically instead of floating beside each other?
I could place a <hr> in between each <dt> and use css to style the width to match that of the <dt>s and more importantly add a clear:right attribute.

actually, the hr trick I thought up above didn't work out like I thought it might

I'd done what you're trying to do. You will need to float the <dt> include "clear:both" in order to get the next <dt> under the one above it.

so the css looks like: dt { clear:both; float;right; }

you can have both those two attributes within the same styled element?

It works out fine.
Just had to clear:right the <dd> to keep it where I want it to be.
Thanks Lady

You're welcome

this is not a chat box, type out your whole message before you submit