But it doesn’t work at all… I can’t figure out why… sorry…
The reason “why” is pretty simple:
Lower V6, FW printed styles “inline”. This is the strongest argument in web and can’t be overwritten (cascaded) per se. Well - it can (theoretically) by using the
rule. But this is a weird operation, cause you need a more fine-tuned behavior of items in a responsive design.
I started making pages responsive in late 2012 (FW5.5+) and I can’t recall correctly. All I know is, that it was an incredible bunch of externalizing the required css-properties, removing IDs from items, classifying them and re-collect them in new sheets. I still know only one or two handful users on this board ever managed this.
So I hereby double Davids recommend switching to V7.
Whatever you decide, allow me an important note:
Learn inflow-constructions (aka box-model). This is the underlying framework allowing you to have the magical 100% width(s) as well as others in one document. This can be done by seeking FWT, searching for video-screencasts or even using templates (Softpress) or Backdraft (Caleb).