Ionic surfactants tend to collapse the outer parts of polyelectrolyte gels, forming shells that can be used to encapsulate other species including protein and peptide drugs. In this paper, the aqueous phase behavior of covalently cross-linked polyacrylate networks containing sodium ions and dodecyltrimethylammonium ions as counterions is investigated by means of swelling isotherms, dye staining, small-angle X-ray scattering, and confocal Raman spectroscopy. The equilibrium state is approached by letting the networks absorb pure water. With an increasing fraction of surfactant ions, the state of the water-saturated gels is found to change from being swollen and monophasic, via multiphasic states, to collapsed and monophasic. The multiphasic gels have a swollen, micelle-lean core surrounded by a collapsed, micelle- rich shell, or a collapsed phase forming a spheroidal inner shell separating two micelle-lean parts. It is shown that the transition between monophasic and core-shell states can be induced by variation of the osmotic pressure and variation of the charge of the micelles by forming mixed micelles with the nonionic surfactant octaethyleneglycol monododecylether. The experimental data are compared with theoretical predictions of a model derived earlier. In the calculations, the collapsed shell is assumed to be homogeneous, an approximation introduced here and shown to be excellent for a wide range of compositions. The theoretical results highlight the electrostatic and hydrophobic driving forces behind phase separation.